treeTable.js 生成树形结构

效果如下

引入js和css

<link rel="stylesheet" href="__STATIC__/js/treeTable/treeTable.css">
<script src="__STATIC__/js/treeTable/treeTable.js"></script>

html结构

在table中设置id属性,每个tr中都有id=node-id的属性

每个子节点必须有child-of-node-id  属性,child-of-node-id 的值必须等于 父节点的node-id值 

表格中行的展示必须按照树的展开顺序来,即传递过来的List必须是有序的,且与树展开后的顺序一致


$("#menus-table").treetable({ 
                indent: 20, 
                expandable: true,//true 默认全部隐藏 false 全部展开 
                isPadding:true, 
                clickableNodeNames:true 
            }); 


猜你喜欢

转载自blog.csdn.net/qazx123q/article/details/79865528