我在stackoverflow中找到了这个例子。这很有帮助。
http://jsfiddle.net/Mottie/Yke6M/
现在它允许两种方式对表格内容进行排序:
1) 通过单击每个表格标题进行排序 2) 通过选择下拉选项对表格进行排序。
我的要求只是用下拉菜单排序。我想通过单击表头来删除排序功能。
我可以禁用点击标题吗?
我猜我可以在表格标题中添加一些 CSS,使其无法点击。但我不知道css中是否有类似的东西。
谢谢
我在stackoverflow中找到了这个例子。这很有帮助。
http://jsfiddle.net/Mottie/Yke6M/
现在它允许两种方式对表格内容进行排序:
1) 通过单击每个表格标题进行排序 2) 通过选择下拉选项对表格进行排序。
我的要求只是用下拉菜单排序。我想通过单击表头来删除排序功能。
我可以禁用点击标题吗?
我猜我可以在表格标题中添加一些 CSS,使其无法点击。但我不知道css中是否有类似的东西。
谢谢
您需要做的就是将每列的排序器设置为 false:
$('table').tablesorter({
headers : {
0 : { sorter: false },
1 : { sorter: false },
2 : { sorter: false },
3 : { sorter: false }
}
});
这会禁用手动排序,但您仍然可以触发排序,因此外部下拉菜单仍然有效(演示)。
或者,如果您在 github 上使用我的 tablesorter分支,您只需将类名添加sorter-false
到标题(演示):
<th class="sorter-false">Alphabetic</th>
<th class="sorter-false">Numeric</th>
<th class="sorter-false">Animals</th>
<th class="sorter-false">Sites</th>
好吧,这是一种黑客行为。我创建了必须对其进行排序的重复行。我把它们藏起来了。所以现在我在我显示的所有行上都禁用了排序。
因此,由于我具有与隐藏的重复项相同的列,因此我能够进行排序,而且没有人可以通过单击表头进行排序