支持的操作
- 異步/同步加載 => layui table的加載
- 節(jié)點(diǎn)單元格動(dòng)態(tài)小圖標(biāo)工具編輯、新增、刪除和排序操作 => 增刪改查
- 排序 => 全表排序、指定節(jié)點(diǎn)/節(jié)點(diǎn)id 排序
- 分頁(yè)
- 指定節(jié)點(diǎn)或節(jié)點(diǎn)id刪除節(jié)點(diǎn)及其葉子節(jié)點(diǎn)
- 葉子節(jié)點(diǎn)選中、上級(jí)節(jié)點(diǎn)自動(dòng)選中、反之、自動(dòng)清除選中
- 節(jié)點(diǎn)折疊記憶
- 重載
- 局部刷新
- 關(guān)鍵字檢索及檢索前折疊狀態(tài)記憶
- 重置搜索前折疊狀態(tài)
- 傳參新增樹(shù)形葉子節(jié)點(diǎn)、數(shù)據(jù)為空時(shí),為空白節(jié)點(diǎn)
- 傳參新增最上級(jí)節(jié)點(diǎn)
- 基于table tool事件進(jìn)行aop增強(qiáng),實(shí)現(xiàn)樹(shù)形表格編輯、修改及下拉框和時(shí)間選擇框的整合
- 指定節(jié)點(diǎn)或者節(jié)點(diǎn)id展開(kāi)/關(guān)閉節(jié)點(diǎn)及其葉子節(jié)點(diǎn)
- 全部展開(kāi)/折疊
- layui table api方式的操作
- 配置簡(jiǎn)單
- 小圖標(biāo)可自定義
- 節(jié)點(diǎn)id去重功能
- 無(wú)需額外的css樣式
api
引入組件
layui.config({
base: 'module/'
}).extend({
tableEdit:'js/tableEdit' //表格樹(shù)依賴我另外寫的tableEdit模塊,本項(xiàng)目就有。
,tableTree:'js/tableTree'
}).use(['table','tableEdit','layer',"tableTree"], function () {
var table = layui.table
,tableEdit = layui.tableEdit
,tableTree = layui.tableTree;
});
效果圖: