由于项目中频繁用到表格组件,所以自己基于Element Table 进行二次封装的一个Table组件,
方便日常使用,无缝支持Element Table的所有功能参数及事件,欢迎体验!
Github
更多示例及参考
简单示例参考
<template>
<lb-table :column="tableData.column"
:data="tableData.data">
</lb-table>
</template>
<script>
export default {
data () {
return {
tableData: {
column: [
{
prop: 'date',
label: '日期'
},
{
prop: 'name',
label: '姓名'
},
{
prop: 'address',
label: '地址'
}
],
data: [
{
date: '2016-05-02',
name: '王小虎1',
address: '上海市普陀区金沙江路 1518 弄'
},
{
date: '2016-05-02',
name: '王小虎2',
address: '上海市普陀区金沙江路 1518 弄'
},
{
date: '2016-05-02',
name: '王小虎3',
address: '上海市普陀区金沙江路 1518 弄'
}
]
}
}
}
}
</script>
谢谢分享,这个组件太实用了
如果tableData,column动态切换呢
表格数据动态切换没有问题,表头数据动态切换会存在一些问题,可以用下面的方法临时解决:
增加一个
showTable
控制表格的显示,默认为true
,切换表头后先将showTable
变成false
,然后异步再变成true
,表格因为会重新渲染所以会闪烁一下。能不能加上插槽
暂不支持插槽