Question

我正在处理响应表，在我的表上同时使用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

Answer 1

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

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

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

1 个答案: