2012-08-16 41 views
2

我在stackoverflow中找到了此示例。这非常有帮助。Disbale tablesorter通过点击标题进行排序,但stil支持通过下拉选项排序

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

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

1)通过点击每个表头 2)通过选择一个选项下拉表进行排序排序。

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

我可以禁用点击标题吗?

我猜我可以添加一些CSS到表头,这使得它不可点击。但我不知道在CSS中是否有这样的内容。

谢谢

回答

3

所有你需要做的是设置分拣机为false排序每列:

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

这将禁用人工分拣,但你仍然可以触发一个排序,所以外部下拉仍然可以工作(demo)。

或者,如果您使用的是我的tablesorter on github叉,你可以添加类名sorter-false的标题(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> 
+0

我做同样的事情,我甚至复制从小提琴的代码但是在设置{sorter:false}时,它也会禁用下拉列表中的排序。 – 2015-04-17 07:13:06

+0

更新...这非常奇怪我用你的forkorter和它开始工作...谢谢你是一个天才! – 2015-04-17 07:23:07

0

嗯,这是一种破解。我创建了我必须排序的重复行。我藏起来了。所以现在我对所有显示的行进行了排序禁用。

所以当我有相同的列,这是隐藏如此重复,我能够得到整理,也没有人可以通过点击表头