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

Posted 2023-05-07

【中文标题】数据表 - 只允许使用按钮排序

【英文标题】：Datatables - Only allow sorting with buttons

【发布时间】：2015-10-19 01:33:39

【问题描述】：

有没有办法在点击列标题时禁用数据表中的列排序，只允许使用排序图标进行排序（检查下图中的红色箭头）？

我想要禁用排序的原因是我正在使用标题进行列过滤，当您单击标题输入字符串时，表格按该列排序（我知道它很难看，但我会更改输入以后再设计盒子）。

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

感谢您的任何帮助/建议！

/帕特里克

【问题讨论】：

不确定数据表的方式，但您可以取消从输入传播到表头的默认点击操作。

即使在选择器上也添加 onclick

【参考方案1】：

解决方案

为标题中的每个输入添加单击事件处理程序，并停止向 DataTables 插件传播事件。

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

演示

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

【讨论】：

嗨！谢谢你的帮助！当我单击列标题和单击排序图标时，它仍然会排序。

啊，现在我明白了。只需要扩展过滤器。让我试试我的应用程序。

你先生，真是个天才！ :)