javascript - 使用过滤器小部件时是否可以按类定位特定的表排序器列？

Question

我正在使用 tablesorter.js 的@Mottie 分支

我在一个页面上有 5-10 个小表格，我想使用外部过滤器一次过滤所有这些表格，但只在一列上。文档提到:

      // filters to exclude, per column
      filter_excludeFilter : {},

需要从零开始的索引来选择要排除的列；但是，我选择的列 # 因表而异。我希望只按标题类定位一列，因为我可以对其应用一个类。相关代码:

HTML: <input type="search" class="search" placeholder="filter..." /></div>

js:
      var $table = $(".tablesorter").tablesorter({
      widgets: ["filter"],
      widgetOptions: {
          filter_external: '.search',
          filter_defaultFilter: { '.salesinitials': '~{q}', },
          filter_functions: { '.salesinitials': true },
          filter_columnFilters: false
      }
  });

  $("th > div.tablesorter-header-inner:contains('Sales Initials')")
   .parent().addClass("salesinitials");

有没有其他方法可以只针对一列进行过滤？

Answer 1

filter_excludeFilter option允许您使用 jQuery 选择器代替列索引。

但是，我认为您需要的解决方案是使用 filter bindSearch function 将所有表绑定(bind)到一个过滤器输入:

var $filter = $('.single-filter-input');
$('.all-tables').each(function(table) {
  // table - table DOM element (or jQuery object) of table.
  // $el - jQuery object of one or more input (search) elements to bind.
  // false - boolean flag to force a new search.
  $.tablesorter.filter.bindSearch(table, $filter, false);
});