javascript - Tablesorter - 从列中删除过滤器

Question

我想从过滤中排除某些列 - 就像我可以使用 sorder 但我不确定如何使用小部件执行此操作，有没有简单的方法可以做到这一点？

jQuery(document).ready(function($) {

  $("#eventTable").tablesorter({
    widthFixed : true,
    widgets: ["filter"],

    widgetOptions : {
      filter_childRows   : false,
      filter_hideFilters : false,
      filter_ignoreCase  : true,
      filter_cssFilter : 'tablesorter-filter',

      filter_functions : {
        1 : function(e, n, f, i) {
          return e === f;
        }
      }
    }
  });
});

Answer 1

您可以使用 header 选项或将“filter-false”类添加到该列的 TH 标记。

header 选项记录在tablesorter 文档中- 单击配置表属性列中的“headers”。该选项的语法是：

headers: { 0: { filter: false} }

如果您不想显示默认禁用的过滤器格式，请使用以下 CSS：

.tablesorter thead .disabled {display: none}

Answer 2

您可以使用以下方法禁用特定列的过滤器和/或排序：

<th data-sorter="false" data-filter="false"></th>

Answer 3

禁用特定列使用的过滤器<th data-filter="false"></th>

禁用特定列使用的排序<th data-sorter="false"></th>

将它们结合起来禁用两者。<th data-sorter="false" data-filter="false"></th>

这将导致“禁用”类将应用于用于过滤的文本框。文本框将变灰。如果你想完全隐藏文本框，只需添加这个

<style>
    .tablesorter thead .disabled {
        display:none;
    }
</style>

Answer 4

如果您想在页面加载之前隐藏所有过滤器，请将此代码添加到您的 Css 文件中。

.tablesorter-filter-row{
display : none;
}