Javascript Tablesorter-从列中删除筛选器
我想从过滤中排除某些列—就像我可以使用sorder一样,但我不确定如何使用小部件做到这一点,有没有简单的方法可以做到这一点Javascript Tablesorter-从列中删除筛选器,javascript,jquery,properties,options,tablesorter,Javascript,Jquery,Properties,Options,Tablesorter,我想从过滤中排除某些列—就像我可以使用sorder一样,但我不确定如何使用小部件做到这一点,有没有简单的方法可以做到这一点 jQuery(document).ready(function($) { $("#eventTable").tablesorter({ widthFixed : true, widgets: ["filter"], widgetOptions : { filter_childRows : false, filter
jQuery(document).ready(function($) {
$("#eventTable").tablesorter({
widthFixed : true,
widgets: ["filter"],
widgetOptions : {
filter_childRows : false,
filter_hideFilters : false,
filter_ignoreCase : true,
filter_cssFilter : 'tablesorter-filter',
filter_functions : {
1 : function(e, n, f, i) {
return e === f;
}
}
}
});
});
您可以使用header选项或将“filter false”类添加到该列的TH标记中 header选项记录在配置表属性列中的单击“headers”中。该选项的语法为:
标题:{0:{filter:false}
如果不想显示默认禁用的过滤器格式,请使用以下CSS:
.tablesorter thead.disabled{display:none}
您可以使用以下命令禁用特定列的筛选和/或排序:
<th data-sorter="false" data-filter="false"></th>
禁用特定列使用的筛选器
要禁用特定列的排序,请使用
将它们组合起来以禁用两者<代码>
这将导致类“disabled”将应用于用于筛选的文本框。文本框将灰显。如果您想完全隐藏文本框,只需添加以下内容
<style>
.tablesorter thead .disabled {
display:none;
}
</style>
.tablesorter thead.已禁用{
显示:无;
}
如果要在页面加载之前隐藏所有过滤器,请将此代码添加到Css文件中
.tablesorter-filter-row{
display : none;
}
我更喜欢这个解决方案,它很简单。