tablesorter 小部件过滤任何匹配项。如何只搜索所有列(删除对单个列的搜索)
tablesorter widget filter any match. How to only have search all columns (remove search for individual columns)
我正在尝试向 tablesorter 添加搜索过滤器,但我能找到的唯一小部件添加了对所有列的搜索和对每个单独列的搜索输入。我只想搜索所有列并禁用在单个列中搜索的功能。
这是 JS `$(function() {
var $table = $('table').tablesorter({
theme: 'blue',
widgets: ["zebra", "filter"],
widgetOptions : {
// filter_anyMatch replaced! Instead use the filter_external option
// Set to use a jQuery selector (or jQuery object) pointing to the
// external filter (column specific or any match)
filter_external : '.search',
// add a default type search to the first name column
filter_defaultFilter: { 1 : '~{query}' },
// include column filters
filter_columnFilters: true,
filter_placeholder: { search : 'Search...' },
filter_saveFilters : true,
filter_reset: '.reset'
}
});
// make demo search buttons work
$('button[data-column]').on('click', function(){
var $this = $(this),
totalColumns = $table[0].config.columns,
col = $this.data('column'), // zero-based index or "all"
filter = [];
// text to add to filter
filter[ col === 'all' ? totalColumns : col ] = $this.text();
$table.trigger('search', [ filter ]);
return false;
});
});`
每列中的搜索输入是我要删除的内容。
感谢帮助
我在这里看到的最简单的方法是添加 css 行以隐藏每列中的搜索输入。
.input.tablesorter-filter {
display: none;
}
在上面的代码中,启用了列过滤器:
// include column filters
filter_columnFilters: true,
将此选项设置为 false
,将不会创建过滤器行(请参阅 filter_columnFilter
option)。
我正在尝试向 tablesorter 添加搜索过滤器,但我能找到的唯一小部件添加了对所有列的搜索和对每个单独列的搜索输入。我只想搜索所有列并禁用在单个列中搜索的功能。
这是 JS `$(function() {
var $table = $('table').tablesorter({
theme: 'blue',
widgets: ["zebra", "filter"],
widgetOptions : {
// filter_anyMatch replaced! Instead use the filter_external option
// Set to use a jQuery selector (or jQuery object) pointing to the
// external filter (column specific or any match)
filter_external : '.search',
// add a default type search to the first name column
filter_defaultFilter: { 1 : '~{query}' },
// include column filters
filter_columnFilters: true,
filter_placeholder: { search : 'Search...' },
filter_saveFilters : true,
filter_reset: '.reset'
}
});
// make demo search buttons work
$('button[data-column]').on('click', function(){
var $this = $(this),
totalColumns = $table[0].config.columns,
col = $this.data('column'), // zero-based index or "all"
filter = [];
// text to add to filter
filter[ col === 'all' ? totalColumns : col ] = $this.text();
$table.trigger('search', [ filter ]);
return false;
});
});`
每列中的搜索输入是我要删除的内容。
感谢帮助
我在这里看到的最简单的方法是添加 css 行以隐藏每列中的搜索输入。
.input.tablesorter-filter {
display: none;
}
在上面的代码中,启用了列过滤器:
// include column filters
filter_columnFilters: true,
将此选项设置为 false
,将不会创建过滤器行(请参阅 filter_columnFilter
option)。