ve-table

基于 element-ui table 组件封装的表格组件, 同时支持 element-ui 1.x 与 2.x 版本的全部功能。

Usage no npm install needed!

<script type="module">
  import veTable from 'https://cdn.skypack.dev/ve-table';
</script>

README

ve-table

基于 element-ui table 组件封装的表格组件, 同时支持 element-ui 1.x 与 2.x 版本的全部功能。

NPM downloads JS gzip size Npm package Language License

安装

npm i element-ui ve-table -S

快速上手

<template>
  <div>
    <ve-table :data="tableData" :columns="tableColumns" />
  </div>
</template>

<script>
import VeTable from 've-table'

export default {
  components: { VeTable },
  data () {
    return {
      tableData: [
        { date: '2016-05-02', name: '王小虎', address: '金沙江路', num: 123123 },
        { date: '2016-05-04', name: '王小虎', address: '金沙江路', num: 123123 },
        { date: '2016-05-01', name: '王小虎', address: '金沙江路', num: 123123 },
        { date: '2016-05-03', name: '王小虎', address: '金沙江路', num: 123123 }
      ],
      tableColumns: [
        { label: '日期', prop: 'date' },
        { label: '姓名', prop: 'name' },
        { label: '地址', prop: 'address' },
        { label: '数值', prop: 'num' }
      ]
    }
  }
}
</script>

License

MIT