Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在Datatables中使用列分组和scrollX动态调整列宽_Jquery_Css_Datatable_Datatables - Fatal编程技术网

Jquery 在Datatables中使用列分组和scrollX动态调整列宽

Jquery 在Datatables中使用列分组和scrollX动态调整列宽,jquery,css,datatable,datatables,Jquery,Css,Datatable,Datatables,我使用datatable的扩展按钮api添加了列分组和隐藏/显示列。使用scrollX:true添加固定标题后,列宽不会自行调整。可见列继承组th宽度。请找到以下链接。全屏查看输出 因此,我的预期结果是将Group1标题的宽度固定为“Name”列大小,并相应地调整“Group2”的宽度大小。当只有2列时,如果表收缩,您希望出现什么行为?@Gyrocode.com否,此时不需要。表大小为容器的100%。所以它将消耗整个表,这是因为表的宽度设置为100%。如果将容器设置为较小的宽度,则不会发生此情况

我使用datatable的扩展按钮api添加了列分组和隐藏/显示列。使用
scrollX:true添加固定标题后,列宽不会自行调整。可见列继承组
th
宽度。请找到以下链接。全屏查看输出


因此,我的预期结果是将Group1标题的宽度固定为“Name”列大小,并相应地调整“Group2”的宽度大小。

当只有2列时,如果表收缩,您希望出现什么行为?@Gyrocode.com否,此时不需要。表大小为容器的100%。所以它将消耗整个表,这是因为表的宽度设置为100%。如果将容器设置为较小的宽度,则不会发生此情况,请参阅。不确定是否可以使用
scrollX:true
@Gyrocode.com缩小表格,但我们的设计是响应性的,因此我们不能使用固定宽度。我理解,如果只有两列,请详细说明您的预期行为?