lslvxy / bootstrapTable-treeView

bootstrapTable extension of treeView

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TreeView for bootstrapTable

demo

DEMO

http://imsense.site/bootstrapTable-treeView/

NOTICE

数据中必须包含parentId属性,根节点parentId=null,子节点中根据配置的parentId==options[treeId].

例如配置项中treeId='id',那么子节点的parentId属性值为父节点的id

Data must contain parentId properties,

rootNode parentId=null

childNode parentId=options[treeId]

if options treeId='id'

childNode's parentId property value isparnetNode's id value

USE

<script src="./src/bootstraptable-treeview.js"></script>
  
$('#tree_table').bootstrapTable({
    class: 'table table-hover table-bordered',
    data: data,
    pagination: false,//分页请设置为false
    treeView: true,//是否开启树视图
    treeId: "id",//id字段
    treeField: "name",//展示树的字段
    columns: [{
        field: 'name',
        title: '名称',
    },
    {
        field: 'desc',
        title: '详情',
    },
    ]
});

About

bootstrapTable extension of treeView

License:MIT License


Languages

Language:JavaScript 100.0%