如何使用vue-table-with-tree-grid树形表格插件

1.安装插件

npm install vue-table-with-tree-grid

2.打开main.js，导入vue-table-with-tree-grid

import Vue from 'vue'import ZkTable from 'vue-table-with-tree-grid'Vue.use(ZkTable)

3.全局注册

//全局注册组件ponent('tree-table', TreeTable)

4.使用组件展示分类数据

:data(设置数据源) :columns(设置表格中列配置信息) :selection-type(是否有复选框)

:expand-type(是否展开数据) show-index(是否设置索引列) index-text(设置索引列头)

border(是否添加纵向边框) :show-row-hover(是否鼠标悬停高亮) >

<tree-table :data="cateList" :columns="columns" :selection-type="false":expand-type="false" show-index index-text="#" border :show-row-hover="false"></tree-table>

5.官方示例

/MisterTaki/vue-table-with-tree-grid 使用的参数配置

/MisterTaki/vue-table-with-tree-grid/blob/master/example/Example.vue 使用的案例参考