jquery treetable

 假设有三个节点：A、B（节点A 的子节点）和C（节点B 的子节点）。如果按照以下顺序在 HTML 表中为这些节点创建行A - C - B，则树将无法正确显示。您必须确保行的顺序是A - B - C。

 表格中是这样的

html

<table id="treeTable" class="layui-table">
    <tr data-tt-id="1">
        <td>A</td>
    </tr>
    <tr data-tt-id="2" data-tt-parent-id="1">
        <td>B</td>
    </tr>
    <tr data-tt-id="3" data-tt-parent-id="2">
        <td>C</td>
    </tr>
</table>

<link href=" path/to/ jquery.treetable.css" rel="stylesheet" type="text/css" />
<script src=" path/to/ jquery.treetable.js"></script>

 javascript

$("#treeTable").treetable();

A     1级

B        2级

C                3级

官方链接：http://ludo.cubicphuse.nl/jquery-treetable/?nodeId=+2-1-1#configuration