安装新的依赖 vue-tabel-with-tree-grid
vue-tabel-with-tree-grid 官方文档
安装完成后,在 main.js
入口文件内先导入 tree-tabel
然后全局注册组件 tree-tabel
页面中,我们使用了如下属性:
data
确定我们的数据源,columns
定义我们的指定列,selection-type
设置是否打开多选框,expand-type
设置是否展示展开栏,show-index
添加索引列, border
给表格添加边框。
使用模板列:
通过在columns
设置 type
属性值为 template
,即可设置模板列。
然后在我们界面表格区域,添加一个 template
模板,然后设置作用域插槽 slot
为在数据块定义的模板名称 isOk