Tablesorter隐藏隐藏列

时间:2016-07-12 09:35:56

标签: php jquery css tablesorter

我正在尝试在html表中使用tablesorter插件。

问题是我有一些“display:none”列只有在我点击一个切换按钮时才显示(我的表很长,我需要这个功能)。

问题是Tablesorter不会隐藏隐藏列的过滤器。

enter image description here

我需要的是显示:没有显示其TH已经显示的过滤器:无。

谢谢你,问我是否需要进一步的细节。

1 个答案:

答案 0 :(得分:2)

有几种方法可以隐藏过滤单元格:

  • 无论要添加哪个类来隐藏列,都要将其包含在数组中的filter_cellFilter option中。

    // hiding second & fourth columns using associated css
    filter_cssFilter : [ '', 'hidden', '', 'hidden' ]
    
  • 使用以下css隐藏整个列,而不是向列中的每个单元格添加类

    #mytable th:nth-child(10), #mytable td:nth-child(10),
    #mytable th:nth-child(11), #mytable td:nth-child(11),
    #mytable th:nth-child(12), #mytable td:nth-child(12) /* etc */ {
      display: none;
    }
    

我也很好奇为什么你需要这么多隐藏的专栏。也可以在数据属性中添加额外的值,然后通过一些特殊的解析,您可以使用额外的数据进行排序或过滤。