layui 使用treeTable 展开隐藏

要在 layui 中使用 treeTable 进行展开和隐藏，你需要做以下几步：

1. 在 HTML 中定义一个 table 元素，并为其添加一个 id 属性，例如：`<table id="demo"></table>`

2. 引入 layui 的 treeTable 模块：`<script src="layui.js"></script><script src="layui_exts/treeTable.js"></script>`

3. 初始化 treeTable，指定数据源和一些配置项：

layui.use(['treeTable'], function(){
  var treeTable = layui.treeTable;
  var demoTable = treeTable.render({
    elem: '#demo',
    url: '/api/data',
    treeIdName: 'id',
    treePidName: 'pid',
    treeDefaultClose: true,
    treeLinkage: false,
    cols: [[
      {field: 'name', title: '名称'},
      {field: 'type', title: '类型'},
      {field: 'size', title: '大小'},
      {field: 'time', title: '修改时间'}
    ]]
  });
});

其中，`elem` 指定 table 元素的 id，`url` 指定数据源的接口地址，`treeIdName` 和 `treePidName` 分别指定数据源中节点的 id 和父节点的 id 字段名，`treeDefaultClose` 指定是否默认关闭所有节点，`treeLinkage` 指定是否开启联动选中等级效果，`cols` 指定表格的列配置。

4. 在数据源接口中返回数据，数据的格式类似于：

{
  "code": 0,
  "msg": "",
  "count": 1000,
  "data": [{
    "id": "1",
    "pid": "0",
    "name": "文件夹1",
    "type": "folder",
    "size": "",
    "time": "2022-01-01 00:00:00"
  }, {
    "id": "2",
    "pid": "1",
    "name": "文件1",
    "type": "file",
    "size": "100KB",
    "time": "2022-01-01 00:00:01"
  }, {
    "id": "3",
    "pid": "1",
    "name": "文件夹2",
    "type": "folder",
    "size": "",
    "time": "2022-01-01 00:00:02"
  }, {
    "id": "4",
    "pid": "3",
    "name": "文件2",
    "type": "file",
    "size": "200KB",
    "time": "2022-01-01 00:00:03"
  }]
}

其中，`id` 和 `pid` 分别指定节点的 id 和父节点的 id，`name` 指定节点的名称，`type` 指定节点的类型，`size` 指定节点的大小，`time` 指定节点的时间。

这样就可以在 layui 中使用 treeTable 进行展开和隐藏了。