- <link href="path/to/jquery.treetable.css" rel="stylesheet" type="text/css" />
- <script src="path/to/jquery.treetable.js"></script>
- <script>
- $("#your_table_id").treetable();
- </script>
- <table>
- <tr data-tt-id="1">
- <td>Parent</td>
- </tr>
- <tr data-tt-id="2" data-tt-parent-id="1">
- <td>Child</td>
- </tr>
- </table>
参数文档说明：
| Setting | Type | Default | Description |
|---|---|---|---|
| branchAttr | string | "ttBranch" | 可选数据属性，可用于强制在节点上呈现扩展器图标。 这允许我们将节点定义为分支节点，即使它还没有子节点。 这将转换为HTML中的data-tt-branch属性。 |
| clickableNodeNames | bool | false | 设置为true时，不仅在单击扩展器图标时，而且在单击节点名时也展开分支。 |
| column | int | 0 | 表中应显示为树状结构的列数。 |
| columnElType | string | "td" | 应该考虑树的单元格类型（td，th或两者）。 |
| expandable | bool | false | 树应该是可扩展的吗？ 可扩展树包含使每个分支具有可折叠/可扩展的子键的按钮。 |
| expanderTemplate | string | <a href="#"> </a> | 用于扩展器的HTML片段。 |
| indent | int | 19 | 每个分支应缩进的像素数。 |
| indenterTemplate | string | <span class="indenter"></span> | 用于压头的HTML片段。 |
| initialState | string | "collapsed" | 可能的值：“展开”或“折叠”。 |
| nodeIdAttr | string | "ttId" | 用于标识节点的数据属性的名称。 在HTML中转换为data-tt-id。 |
| parentIdAttr | string | "ttParentId" | 用于设置父节点的数据属性的名称。 在HTML中转换为data-tt-parent-id。 |
| stringCollapse | string | "Collapse" | For internationalization. |
| stringExpand | string | "Expand" | For internationalization. |
