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

api

引入組件

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

效果圖：