You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
1.7 KiB
89 lines
1.7 KiB
Component({
|
|
/**
|
|
* 外部样式类
|
|
*/
|
|
externalClasses: ['header-row-class-name', 'row-class-name', 'cell-class-name'],
|
|
/**
|
|
* 组件样式隔离
|
|
*/
|
|
options: {
|
|
styleIsolation: "isolated",
|
|
multipleSlots: true // 支持多个slot
|
|
},
|
|
/**
|
|
* 组件的属性列表
|
|
*/
|
|
properties: {
|
|
data: {
|
|
type: Array,
|
|
value: []
|
|
},
|
|
headers: {
|
|
type: Array,
|
|
value: []
|
|
},
|
|
// table的高度, 溢出可滚动
|
|
height: {
|
|
type: Number || String,
|
|
value: 'auto'
|
|
},
|
|
width: {
|
|
type: Number || String,
|
|
value: '100%'
|
|
},
|
|
// 单元格的宽度
|
|
tdWidth: {
|
|
type: Number,
|
|
value: 35
|
|
},
|
|
// 固定表头 thead达到Header的位置时就应该被fixed了
|
|
offsetTop: {
|
|
type: Number,
|
|
value: 150
|
|
},
|
|
// 是否带有纵向边框
|
|
stripe: {
|
|
type: Boolean,
|
|
value: false
|
|
},
|
|
// 是否带有纵向边框
|
|
border: {
|
|
type: Boolean,
|
|
value: true
|
|
},
|
|
msg: {
|
|
type: String,
|
|
value: '暂无数据~'
|
|
}
|
|
},
|
|
/**
|
|
* 组件的初始数据
|
|
*/
|
|
data: {
|
|
scrolWidth: '100%'
|
|
},
|
|
/**
|
|
* 组件的监听属性
|
|
*/
|
|
observers: {
|
|
// 在 numberA 或者 numberB 被设置时，执行这个函数
|
|
'headers': function headers(_headers) {
|
|
var reducer = function reducer(accumulator, currentValue) {
|
|
return accumulator + Number(currentValue.width);
|
|
};
|
|
var scrolWidth = _headers.reduce(reducer, 0);
|
|
|
|
this.setData({
|
|
scrolWidth: scrolWidth
|
|
});
|
|
}
|
|
},
|
|
/**
|
|
* 组件的方法列表
|
|
*/
|
|
methods: {
|
|
onRowClick: function onRowClick(e) {
|
|
this.triggerEvent('rowClick', e, e.currentTarget.dataset.it);
|
|
}
|
|
}
|
|
});
|