一、 Bootstrap TreeTable简介

Bootstrap TreeTable是一款，支持树形结构和分页等功能，极巨大地简化了数据展示的麻烦性。

要用Bootstrap TreeTable，先说说需要引入相应的CSS和JavaScript文件。

1. treeGrid

通过设置treeGrid属性，能启用表格的树形结构功能。比方说：

$.bootstrapTable({
    treeGrid: {
        expandable: true,
        initialState: 'collapsed'
    }
});

2. initialState

initialState属性用于设置表格的初始状态， 能是'expanded'、'collapsed'、'none'或'all'。

3. clickableNodeNames

clickableNodeNames属性用于设置节点名称是不是可点击，默觉得false。

1. expandAll

expandAll方法用于展开全部节点：

$.bootstrapTable;

2. collapseAll

collapseAll方法用于折叠全部节点：

$.bootstrapTable;

五、Bootstrap TreeTable的自定义模板

Bootstrap TreeTable支持自定义模板，能通过自定义模板来美化表格。

        {{# items}}
        
        {{/ items}}
    

        

            
ID
            
Name
            
Options
        
    

            
{{id}}
            

            

                Delete
                Edit
            
        

Bootstrap TreeTable是一款功能有力巨大的树形表格插件，它能帮开发者轻巧松实现麻烦的数据展示。通过本文的介绍，相信你已经对Bootstrap TreeTable有了更深厚入的了解。希望本文能帮你更优良地用Bootstrap TreeTable。

欢迎用实际体验验证观点。