如何禁用排序点击列标题,但允许点击jQuery数据表中的箭头?

问题描述:

我正在渲染一个表感谢jQuery数据表插件。如何禁用排序点击列标题,但允许点击jQuery数据表中的箭头?

enter image description here

你知道如何禁用分拣点击文本却让排序:

如果允许对列排序,列,如果你在标题文本或箭头点击刚刚附近整理点击箭头?

+0

您需要添加如下内容:''bSortable“:false,'如果您共享您用于渲染表格的代码,我可以向您显示它的具体位置。 – jonmrich 2015-04-06 16:50:26

我有同样的问题,我解决它这样(发现这里的解决方案:https://datatables.net/forums/discussion/27035/how-to-disable-sorting-click-event-on-table-header-children):

如果supose复选框有ID #chkbx,此代码应工作:

$('#chkbx').click(function(event){ 

    //Your code here 

    event.stopPropagation(); 
} 

使用event.stopPropagation()可以防止对列进行排序。

$('#example').dataTable({ 
     "aoColumnDefs": [ 
      { 'bSortable': false, 'aTargets': [ 1 ] } 
     ] 
}); 

1是你的列号(记得第一列实际上是0)。

+0

谢谢,但我不想禁用排序,只是禁用排序时,我点击标题文本 – 2015-04-06 22:50:44