数据表 - 只允许使用按钮排序

Question

有没有一种方法可以在单击列 header 时禁用数据 table 中的列排序，并且只允许使用排序图标进行排序（检查下图中的红色箭头） ？

我想禁用排序的原因是我使用 header 进行列过滤，当您单击 header 输入字符串时，table 排序通过那一栏（我知道它很难看，但我稍后会更改输入框设计）。

我检查了他们的选项，但找不到任何东西。我还检查了源代码，但这远远超出了我的知识水平。

感谢任何help/suggestion！

/帕特里克

Answer 1

解决方案

为 header 中的每个输入添加点击事件处理程序并停止向 DataTables 传播事件 plug-in。

$('.filter').on('click', function(e){
   e.stopPropagation();    
});

演示

有关代码和演示，请参阅 this jsFiddle。