使用 jQuery DataTables 和 colResizable 调整列大小的问题

Posted 2023-05-07

【中文标题】使用 jQuery DataTables 和 colResizable 调整列大小的问题

【英文标题】：Issue with resizing column with jQuery DataTables and colResizable

【发布时间】：2017-06-01 21:10:32

【问题描述】：

我正在处理一个响应式表格，但在我的表格上同时使用 DataTables 和 colResizable 时遇到了问题。

理想情况下，我想调整列的大小，以便同时调整 th 和 td 的大小。

当我启用 sScrollY 以获取 tbody 的滚动条时，调整列大小仅适用于 td 元素，而不再像启用 sScrollY 之前那样（参见 JSFiddle）

代码：

$('#example').DataTable(
     sDom: "Rlfrtip"
    //,sScrollY: "680px" // When enabling this, resizing only works for td, not for th.
    ,bPaginate: false
    ,bInfo: false
    ,initComplete: function(settings)  
    $('#example').colResizable(liveDrag:true);
);

JSFiddle 供参考：http://jsfiddle.net/eLm6ugp7/103/

编辑： 似乎这对其他人来说也是一个问题，如相关讨论中所见：https://datatables.net/forums/discussion/26786/basic-column-resizing-plugin

【参考方案1】：

这原来是与两个插件之间的兼容性有关的问题。

我在 GitHub 上创建了一个关于此问题的问题。更多信息和建议可以在这里找到： https://github.com/alvaro-prieto/colResizable/issues/74