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

Question

我正在渲染 table 感谢 jQuery 数据table 插件。

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

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

Answer 1

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

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

Answer 2

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