tablesorter - 在 jquery tablesorter 中添加过滤器数据占位符

Question

有没有办法通过表格排序器 jquery 语法添加数据占位符值，而不是添加到 HTML 标记本身？也许使用像过滤器这样的标题语法：false？

Answer 1

有五种方法可以禁用列过滤器 ( demo )：

HTML（显示 3 种方式）

<table class="tablesorter">
    <thead>
        <tr>
            <th>AlphaNumeric</th>
            <th class="filter-false">Numeric</th> <!-- class name -->
            <th class='{ "filter": false }'>Numeric2</th> <!-- meta data (requires metadata plugin) -->
            <th data-filter="false">Animals</th> <!-- data-attribute -->
            <th>Sites</th>
        </tr>
    </thead>
    <tbody>
    ...
    </tbody>
</table>

脚本（显示 2 种方式）

$(function(){
  // jQuery data (Sites column)
  $('table').find('th:eq(4)').data('filter', false);

  $('table').tablesorter({
      theme: 'blackice',
      headers: {
          0: { filter: false } // headers option (Alphanumeric column)
      },
      widgets: ['zebra', 'filter']
  });
});

---

哎呀，对不起，我累了；漫长的一天。要将占位符添加到过滤器，请使用以下任一方法：

<th data-placeholder="Enter something...">AlphaNumeric</th>

或使用脚本

// target the column using eq(0), where the number is a zero-based index of the column
$('.tablesorter th:eq(0)').data('placeholder', 'Enter something...');