bootstrap 树形表格

Bootstrap提供了一个名为“bootstrap-treeview”的插件，可以实现树形表格的功能。这个插件支持多种数据源，包括本地数据和远程数据，可以自定义节点的图标、文本、链接等属性。下面是一个简单的示例：

1. 引入必要的文件

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-treeview/1.2.0/bootstrap-treeview.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-treeview/1.2.0/bootstrap-treeview.min.js"></script>

2. 创建一个容器

<div id="treeview"></div>

3. 初始化插件

var treeData = [
    {
        text: "Parent 1",
        nodes: [
            {
                text: "Child 1",
                nodes: [
                    {
                        text: "Grandchild 1"
                    },
                    {
                        text: "Grandchild 2"
                    }
                ]
            },
            {
                text: "Child 2"
            }
        ]
    },
    {
        text: "Parent 2"
    },
    {
        text: "Parent 3"
    }
];

$('#treeview').treeview({
    data: treeData
});

以上示例展示了一个包含三个父节点和两个子节点的树形表格。你可以根据自己的需求修改节点的文本、图标、链接等属性，并且可以通过自定义数据源来加载更多的节点数据。