13 Star 124 Fork 24

帝江 / layui-tableTree

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

layui-tableTreeDj

先来个图片

效果图

后端数据返回示例

不需要children, 维护好id与pid的关系即可.id与pid的名称支持修改

{
  "code": 0,
  "msg": "ok",
  "count": 100,
  "data": [
    {"id": 1, "title": "a", "pid":  0},
    {"id": 2, "title": "b", "pid":  1},
    {"id": 3, "title": "c0", "pid":  2},
    {"id": 4, "title": "c1", "pid":  2},
    {"id": 5, "title": "c2", "pid":  2}
  ]
}

文档链接

首页 简单版本 懒加载版

如果数据不是成千上万,简单版本就完全够用的

介绍

使表格增加了树形结构展示的能力.完全依赖于layui的表格. 正因为如此,您可以像使用表格组件一样使用该组件.layui的表格功能全都有.全都有.全都有.

常见问题汇总:

1. 升级到layui 2.6.11版本 “折叠图标列显示异常 ” layui 2.6.10版本及以下可以

原因是table默认开启了escape:true
注:从 v2.6.11 开始,默认开启。
所以在渲染表格时,escape: false 可以解决
此配置项为true时会破坏html标签

空文件

简介

使表格增加了树形结构展示的能力.完全依赖于layui的表格. 正因为如此,您可以像使用表格组件一样使用该组件.layui的表格功能全都有.全都有.全都有. 展开 收起
JavaScript 等 3 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/luanshi-dijiang/layui-table-tree.git
git@gitee.com:luanshi-dijiang/layui-table-tree.git
luanshi-dijiang
layui-table-tree
layui-tableTree
master

搜索帮助