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

时间:2015-04-06 00:00:24

标签: javascript jquery sorting datatables jquery-datatables

感谢jQuery datatable插件,我正在渲染一个表。

当您允许对列进行排序时,如果您单击标题文本或在附近的箭头上对列进行排序:

enter image description here

您知道如何禁用点击文字的排序,但是点击箭头进行排序吗?

2 个答案:

答案 0 :(得分:5)

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

如果你提到复选框的ID为#chkbx,则此代码应该有效:

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

  //Your code here

  event.stopPropagation();
});

使用event.stopPropagation()阻止列的排序。

答案 1 :(得分:-1)

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

1是您的列号(记住第一列实际上是0)。