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

时间:2013-05-24 18:20:22

标签: tablesorter filterfunction

有没有办法通过表格排序器jquery语法添加数据占位符值,而不是添加到HTML标记本身?也许使用头文件语法,如filter:false?

1 个答案:

答案 0 :(得分:4)

有五种方法可以禁用列过滤器(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...');