数据表宽度未正确设置

Question

当我尝试设置数据表宽度时，只调整表主要部分的大小，在附加图像中，红色圆圈元素应与主html表对齐。 ：

要使我使用的表格居中：$("#myDataTable").css("width","80%");，但正如您所看到的那样，它只调整主表部分的大小，而不是整个数据表。

Answer 1

datatables创建一个始终为类dataTables_wrapper的包装元素，因此如果要调整表的大小，则应调整该元素的大小

$(".dataTables_wrapper").css("width","80%");

如果你有多个表，并且你想要定位一个特定的包装器，那个包装器的id是

$("#idofyourtable_wrapper").css("width","80%");

Answer 2

迄今为止我提出的最佳解决方案：

$('#[datatable-id]_wrapper').bind('DOMSubtreeModified', function() {
    $(this).css('width', '150px');
    $(this).css('height', '250px');
});

似乎可以处理大多数用例。

Answer 3

将包装器宽度基于内容表的宽度：

$('#<tableid>_wrapper').bind('DOMSubtreeModified', function () {
  $(this).css('width', $('#<tableid>').css('width'));
});