基本示例
在表格上添加
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 | 其他信息 |
大量数据
本示例演示数据较多的情况