lb-element-table基于 Element UI Tabel 封装的表格组件

基于 Element UI Tabel 封装的表格组件,使用更简单,无需大量重复的代码量,只需简单配置columndata即可,简单明了。

完美支持Element UI Tabel的属性及事件,熟悉的参数、熟悉的味道,熟悉的写法。

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>

lb-element-table基于 Element UI Tabel 封装的表格组件

相关推荐