我正在使用TableSorter jQuery插件。我正在尝试将select元素作为我的列标题之一。我通过执行以下操作禁用了该特定列进行排序:
$('#rankings').tablesorter(headers: {5: {sorter:false}});
但是当我点击列标题中的select元素时,选项不会填充。好像有什么“阻止”我点击它。
TableSorter代码中是否存在禁用单击该元素的内容?
我甚至在试验他们的示例page,您甚至无法突出显示已禁用的列标题的列标题中的文字。
有没有办法使用TableSorter将select放入禁用的列标题中?谢谢你的帮助!
答案 0 :(得分:4)
有一个未记录的选项cancelSelection
,可以设置为false
(missing docs post),然后您需要使用onRenderHeader
禁用其他选项标题(如果需要)(demo):
$('table').tablesorter({
// make header text selectable
cancelSelection: false,
headers: {
0: {
sorter: false
}
},
// prevent text selections (optional)
onRenderHeader: function (index) {
if (index > 0) {
$(this)
.addClass('no-select')
.attr('unselectable', 'on')
.bind('selectstart', false);
}
}
});