如何禁用单击列标题的排序但允许单击 jQuery 数据表中的箭头？答案

【问题标题】：How disable sorting on click on column title but allow for click on arrow in jQuery datatable?如何禁用单击列标题的排序但允许单击 jQuery 数据表中的箭头？
【发布时间】：2015-04-06 00:00:23
【问题描述】：

感谢 jQuery 数据表插件，我正在渲染一个表格。

当您允许对列进行排序时，如果您单击标题文本或附近的箭头，则会对列进行排序：

你知道如何禁用点击文本的排序，但让点击箭头排序吗？

【问题讨论】：

您需要添加类似这样的内容："bSortable": false, 如果您共享用于呈现表格的代码，我可以告诉您它的确切位置。

标签： javascript jquery sorting datatables jquery-datatables

【解决方案1】：

我遇到了同样的问题，我是这样解决的（在这里找到了解决方案：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() 可以防止对列进行排序。

【讨论】：

【解决方案2】：

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

1 是你的列号（记住第一列实际上是 0）。

【讨论】：

谢谢，但我不想禁用排序，只需在单击标题文本时禁用排序