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();
}