Question

内部过滤器小部件，而不是外部过滤器小部件，如本例所示：

http://mottie.github.io/tablesorter/beta-testing/example-external-filters-using-select2.html

我正在寻找一个与前两个带有占位符的外部过滤器框类似的行为：AlphaNumeric和AlphaNumeric Tag，但我想在表格内部使用该行为。这是我试图做的：

<th class="filter-select2" data-placeholder="select something">

这不起作用，但如果我将"filter-select2"更改为"filter-select"，那么就可以。

我正在寻找一种方法来破解/自定义现有的tablesorter行为，以允许在内部使用select2。我不太了解JS和图书馆，不能自己尝试。

这是我用来初始化tablesorter库的JavaScript代码段。

$('#table1').tablesorter({
    theme : 'ice',
    cssInfoBlock : 'tablesorter-no-sort',
    widgets: ['zebra', 'stickyHeaders', 'filter']
});

Answer 1

我刚为select2插件添加了一些过滤格式化程序代码。使用方法如下：

$('table').tablesorter({
  theme: 'blue',
  widthFixed: true,
  widgets: ['zebra', 'filter'],
  widgetOptions : {
    filter_reset : 'button.reset',
    filter_formatter : {
      // Alphanumeric (match)
      0 : function($cell, indx){
        return $.tablesorter.filterFormatter.select2( $cell, indx, {
          match : true, // adds "filter-match" to header
          cellText : 'Match: ',
          width: '85%'
        });
      }
    }
  }
});

寻找一种方法来使用带有tablesorter的内部过滤器小部件的select2控件

1 个答案: