基本示例

在表格上添加 data-plugin="treegrid" 即可调用树形表格

根节点 1 其他信息
节点 1-1 其他信息
节点 1-2 其他信息
节点 1-2-1 其他信息
根节点 2 其他信息
节点 2-1 其他信息
节点 2-2 其他信息
节点 2-2-1 其他信息

在其他列应用

如果要应用于其他列,可通过 data-tree-column="number" 实现,其中 number 为对应列的索引值

根节点 其他信息
节点 1-1 其他信息
节点 1-2 其他信息
节点 1-2-1 其他信息

保存表格状态

可通过 data-save-state="true" 将表格状态保存到本地,操作表格并刷新本页查看效果

根节点 1 其他信息
节点 1-1 其他信息
节点 1-2 其他信息
节点 1-2-1 其他信息
根节点 2 其他信息
节点 2-1 其他信息
节点 2-2 其他信息
节点 2-2-1 其他信息

事件

本示例演示treegrid的各种事件,操作表格查看对应事件

根节点 其他信息
节点 1-1 其他信息
节点 1-2 其他信息
节点 1-2-1 其他信息

大量数据

本示例演示数据较多的情况