bootstrap-table能做树形表格么

2025-04-26 02:29:59

推荐回答（1个）

回答1：

一、JQuery树形控件
Jquery树形控件是一款基于JQuery+bootstrap、完全通过js和样式手写出来的非常轻量级的控件，网上很多地方都能看到它的影子。它功能简单、用户体验不错。对于一些简单的层级关系展示比较实用，但对于节点的增删改实现起来就不容易了，如果非要做，可能需要自己去封装。
1、一睹初容
全部收起

展开一级

全部展开

2、代码示例
此控件实现起来也非常简单，只需要引用jQuery和bootstrap组件即可。

顶级节点1 Goes somewhere
- 一级节点1
  - 二级节点1_1
- 一级节点2
  - 二级节点2_1
  - 二级节点2_2
    - 三级节点2_1
      - 四级节点2_1
      - 四级节点2_2
    - 三级节点2_2
    - 三级节点2_3
  - 二级节点2_3

顶级节点2
- 一级节点2_1

这些代码都是直接从网上down下来的，节点上面的图标可以通过样式修改，图标样式也是基于bootstrap的。如果需要动态添加节点，可以自己封装组件去拼html，实现起来应该也比较简单。由以上可知此组件的轻量级，如果你需要对节点作增删改或者选择等操作，不要急，下面的控件可能比较适用。
二、文件树编辑插件Treed
这个组件是从网上找到的，最初演示，组内成员一致觉得效果很赞。因为它通过树形展示，方便的提供了节点的增删改。节点的伸缩效果也比较好。好了来看看。