layui的树形表格怎么写

在layui中，树形表格可以使用tree组件和table组件结合，实现树形结构的展示。以下是一个简单的示例代码：

HTML部分

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

JavaScript部分

layui.use(['table', 'tree'], function () {
    var table = layui.table;
    var tree = layui.tree;
    
    // 渲染表格
    table.render({
        elem: '#treeTable',
        url: '/data/getTreeTableData', // 数据接口
        treeColIndex: 1, // 树形图标显示在第几列
        treeSpid: 0, // 最上级的父级id
        treeIdName: 'id', // id字段的名称
        treePidName: 'pid', // pid字段的名称
        treeDefaultClose: true, // 是否默认折叠
        cols: [[
            {field: 'name', title: '名称'},
            {field: 'id', title: 'ID'},
            {field: 'price', title: '价格'}
        ]]
    });

    // 监听树形表格的节点点击事件
    tree.on('tree(treeTable)', function (obj) {
        // 获取当前节点的数据
        var data = obj.data;
        // 刷新表格数据
        table.reload('treeTable', {
            where: {
                pid: data.id // 查询子节点数据
            }
        });
    });
});

其中，`treeColIndex`表示树形图标显示在表格的第几列；`treeSpid`表示最上级的父级id；`treeIdName`表示id字段的名称；`treePidName`表示pid字段的名称；`treeDefaultClose`表示是否默认折叠。在监听树形表格的节点点击事件中，可以通过`obj.data`获取当前节点的数据，并使用`table.reload`方法刷新表格数据。