vue-table-with-tree-grid树形表格组件

安装

npm i vue-table-with-tree-grid -S

导入模块到main.js中全局配置

// 导入树形表格组件
import ZkTable from 'vue-table-with-tree-grid'
// 注册树形组件
Vue.component('tree-table', ZkTable)

属性说明

   data  	表格各行的数据   数组
   columns  表格各列的配置   数组
 <!-- 表格 -->
    <!-- 树形控件 -->
      <tree-table
        :data="categoriesList"
        :columns="columns"
        index-text="#"
        show-index
        show-header
        :selection-type="false"
        :expand-type="false"
        border
      ></tree-table>

 // 为table指定列的内容
      columns:[
       {
        label:'名称',
        prop:'name'
      }
      ]

详细说明：链接:vue-table-with-tree-grid