layui 树形表格

layui 树形表格是一种基于layui框架的组件，可以将表格数据以树形结构的方式展示出来。

通过引入layui的相关资源文件，我们可以使用layui的treeTable模块来创建树形表格。

使用layui树形表格的步骤如下：

1. 引入layui的样式文件和脚本文件：

<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>

2. 创建一个具有特定id的表格容器：

<table id="treeTable" lay-filter="demo"></table>

3. 编写JavaScript代码来渲染树形表格：

layui.use('treeTable', function(){
  var treeTable = layui.treeTable;
  
  // 渲染树形表格
  treeTable.render({
    elem: '#treeTable',
    data: data, // 表格数据
    tree: {
      iconIndex: 2,  // 树形图标的索引，默认为2
      isPidData: true, // 是否是pid形式的数据，默认为false
      idName: 'id', // id字段的名称，默认为'id'
      pidName: 'parentId' // 父id字段的名称，默认为'parentId'
    },
    cols: [
      {field: 'name', title: '名称'},  // 表格列配置
      {field: 'value', title: '值'}
      // 更多列...
    ]
  });
});

其中，`data`表示表格的数据，可以是一个数组，每个元素代表一条数据，还可以使用异步接口获取数据。

通过配置`tree`参数，可以设置树形相关属性，例如树形图标的索引、是否是pid形式的数据、id字段和父id字段的名称等。

`cols`参数用于配置表格的列，每个列的`field`表示数据对象的属性名，`title`表示表格列的标题。

通过以上步骤，我们就可以使用layui树形表格来展示数据，并实现树形结构的展开和折叠效果。