Javascript Tablesorter-从列中删除筛选器

Javascript Tablesorter-从列中删除筛选器,javascript,jquery,properties,options,tablesorter,Javascript,Jquery,Properties,Options,Tablesorter,我想从过滤中排除某些列—就像我可以使用sorder一样,但我不确定如何使用小部件做到这一点,有没有简单的方法可以做到这一点 jQuery(document).ready(function($) { $("#eventTable").tablesorter({ widthFixed : true, widgets: ["filter"], widgetOptions : { filter_childRows : false, filter

我想从过滤中排除某些列—就像我可以使用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;
        }
      }
    }
  });
});

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

header选项记录在配置表属性列中的单击“headers”中。该选项的语法为:

标题:{0:{filter:false}

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


.tablesorter thead.disabled{display:none}
您可以使用以下命令禁用特定列的筛选和/或排序:

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

禁用特定列使用的筛选器

要禁用特定列的排序,请使用

将它们组合起来以禁用两者<代码>

这将导致类“disabled”将应用于用于筛选的文本框。文本框将灰显。如果您想完全隐藏文本框,只需添加以下内容

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

.tablesorter thead.已禁用{
显示:无;
}

如果要在页面加载之前隐藏所有过滤器,请将此代码添加到Css文件中

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

我更喜欢这个解决方案,它很简单。