jquery - 禁用表排序器通过单击标题进行排序，但仍然支持按下拉选项排序

Question

我在 stackoverflow 中找到了这个例子。这非常有帮助。

http://jsfiddle.net/Mottie/Yke6M/

现在它允许两种方式对表格内容进行排序:

1) 通过单击每个表标题进行排序 2) 通过选择下拉选项对表格进行排序。

我的要求只是用下拉菜单排序。 我想删除通过单击表格标题进行排序的功能。

我可以禁止点击标题吗？

我猜我可以向表头添加一些 css，使其不可点击。但不知道css中有没有类似的东西。

谢谢

Answer 1

您需要做的就是将每列的排序器设置为 false:

$('table').tablesorter({
    headers : {
        0 : { sorter: false },
        1 : { sorter: false },
        2 : { sorter: false },
        3 : { sorter: false }
    }
});

这会禁用手动排序，但您仍然可以触发排序，因此外部下拉列表仍然有效( demo )。

或者如果你正在使用我的 fork tablesorter on github ，您只需将类名 sorter-false 添加到 header ( demo ):

<th class="sorter-false">Alphabetic</th>
<th class="sorter-false">Numeric</th>
<th class="sorter-false">Animals</th>
<th class="sorter-false">Sites</th>