layui数据表格实现表格中嵌套表格，并且可以折叠展开 (layui升级到2.9.14版)

2024-07-18
layui升级到2.9.14版后，嵌套表格无法打开，
经查，只需要将原代码的lay-id=projectList改成lay-table-id=projectList就可以了；

     //let trEles =  $(".layui-table-view[lay-id=projectList] tbody tr");
     let trEles =  $(".layui-table-view[lay-table-id=projectList] tbody tr");

因项目需要layui数据表格实现表格嵌套，且要可以折叠。搜索到zongmaomx的文章,由于没有正式学过，无法完全复现。
经过努力，终于在zongmaomx的文章基础上改成了可以使用了。特做记录，在此也向zongmaomx表示感谢。

1、先上截图：


2、与原博主不同的地方

3、最后监听箭头显示和隐藏对应的表格处的改动

// 监听工具条事件
        table.on('tool(projectList)', function(obj){
            let classStr = $(this).attr("class");//获得该行的样式类名
            let index = $(this).data("index");
            console.log(index);
            if (classStr.indexOf("layui-icon-triangle-r") > -1) {
                //显示
                $(this).removeClass("layui-icon-triangle-r");
                $(this).addClass("layui-icon-triangle-d");
                $(`.childTR${index}`).show();
            } else {
                //隐藏
                $(this).removeClass("layui-icon-triangle-d");
                $(this).addClass("layui-icon-triangle-r");
                $(`.childTR${index}`).hide();
            }