【记录】使用BootStrapTable构造树形结构

需求：原使用 BootStrapTable 生成表格，现在需要形成树形结构，即有上下级，类似菜单的样式

测试版本，后面的列已省略

源码：

    
    
    
    
    
    
    
    
    
    
    




    
树形表格 ： Table Treegrid
    
    

如果列表中 id , pid 为字符串型，则修改 bootstrap-table-treegrid.js 中源码

onCheckRoot方法

        onCheckRoot: function (row, data) {
            var that = this;
            return !row[that.options.parentIdField];
        }
    });

修改为

        onCheckRoot: function (row, data) {
            var that = this;
            if (row[that.options.parentIdField] == '0') {
                return true;
            } else {
                return false;
            }
        }

页面源码：注意引入本地修改后的 bootstrap-table-treegrid.js

    
    
    
    
    
    
    
    
    
    
    





    
树形表格 ： Table Treegrid
    
    

另外数据中 Root 节点（父节点）的 pid 需要为字符串的 "0"  ,根据修改后的 bootstrap-table-treegrid.js 中 

onCheckRoot 方法而定