初步使用vue-table-with-tree-grid树形表格组件

在vue可视化中安装开发依赖   vue-table-with-tree-grid

具体使用安装好的详情页

https://github.com/MisterTaki/vue-table-with-tree-grid

我使用了第二种方法

import Vue from 'vue'
import ZkTable from 'vue-table-with-tree-grid'Vue.component(ZkTable.name, ZkTable)

 在main.js中引入在这里我定义名字为tree-table   记得加引号！！

import Vue from 'vue'
// 引入tree-table
import treeTable from 'vue-table-with-tree-grid'
// 注册组件
Vue.component('tree-table', treeTable)

使用了它的多种属性，具体属性作用看链接

 https://github.com/MisterTaki/vue-table-with-tree-grid

关于columns

 // table指定列的定义columns:[{// 列名label:'分类名称',// 渲染出来的数据prop:'cat_name'}

新定义模板列的渲染

  // table指定列的定义columns:[{// 列名label:'分类名称',// 渲染出来的数据prop:'cat_name'},//自定义新的一列{label:'是否有效',type:'template',template:'isok'},{label:'排序',prop:'cat_level',type:'template',template:'sort'},{label:'操作',type:'template',template:'setting'}],

渲染

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！