表格数TreeTable

表格数TreeTable

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

main.js中引入

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

使用

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

columns:[
	{
		label:'分类名称',
        prop: 'cat_name'
    },
    {
        label: '是否有效',
        type: 'template',
        template: 'isok'
    },
    {
        label: '排序',
        type: 'template',
        template: 'order'
    },
    {
        label: '操作',
        type: 'template',
        template: 'opt'
    }
]