layui tree-table 四级表头数据错位

xslz_grf

于 2019-01-05 14:08:52 发布

阅读量2.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： layui

本文链接：https://blog.youkuaiyun.com/xslz_grf/article/details/85849450

1 篇文章

订阅专栏

本文介绍了一种在layui表格插件中隐藏多余列的方法。通过在done回调中使用jQuery遍历所有单元格，并检查data-field属性，如果该属性的值大于等于0，则隐藏该列，从而解决了表格显示多余列的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

画圈的地方为多出来的列

问题分析

查看源码发现多了一些data-field='数字'的列,如下图

解决方法

在done回调方法中隐藏data-field='数字'的列

$('.layui-table-body').find('td').each(function (index,element) {
   if($(this).attr('data-field')>=0){
      $(this).css('display','none');
   }
})