支持的操作
- 異步/同步加載 => layui table的加載
- 節(jié)點單元格動態(tài)小圖標(biāo)工具編輯、新增、刪除和排序操作 => 增刪改查
- 排序 => 全表排序、指定節(jié)點/節(jié)點id 排序
- 分頁
- 指定節(jié)點或節(jié)點id刪除節(jié)點及其葉子節(jié)點
- 葉子節(jié)點選中、上級節(jié)點自動選中、反之、自動清除選中
- 節(jié)點折疊記憶
- 重載
- 局部刷新
- 關(guān)鍵字檢索及檢索前折疊狀態(tài)記憶
- 重置搜索前折疊狀態(tài)
- 傳參新增樹形葉子節(jié)點、數(shù)據(jù)為空時，為空白節(jié)點
- 傳參新增最上級節(jié)點
- 基于table tool事件進行aop增強，實現(xiàn)樹形表格編輯、修改及下拉框和時間選擇框的整合
- 指定節(jié)點或者節(jié)點id展開/關(guān)閉節(jié)點及其葉子節(jié)點
- 全部展開/折疊
- layui table api方式的操作
- 配置簡單
- 小圖標(biāo)可自定義
- 節(jié)點id去重功能
- 無需額外的css樣式

api

引入組件

    layui.config({
        base: 'module/'
    }).extend({
        tableEdit:'js/tableEdit'  //表格樹依賴我另外寫的tableEdit模塊，本項目就有。
        ,tableTree:'js/tableTree'
    }).use(['table','tableEdit','layer',"tableTree"], function () {
        var table = layui.table
            ,tableEdit = layui.tableEdit
            ,tableTree = layui.tableTree;
    });

效果圖：