Jquery 数据表宽度设置不正确

当我尝试设置datatable宽度时，刚好调整了table main部分的大小，在所附的图像中，红色圆圈元素应该与主html表对齐：

---

我使用：$myDataTable.csswidth，80%作为表格的中心；但正如您所看到的，它只是调整主表部分的大小，而不是整个datatable。

datatables创建了一个包装器元素，该元素始终具有类datatables\u wrapper，因此如果要调整表的大小，应该调整该元素的大小

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

如果您有多个表，并且希望以特定包装器为目标，则该包装器的id为

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

---

datatables创建一个包装器元素，该元素始终具有类datatables\u wrapper，因此如果要调整表的大小，应该调整该元素的大小

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

如果您有多个表，并且希望以特定包装器为目标，则该包装器的id为

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

---

到目前为止，我提出的最佳解决方案是：

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

---

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

到目前为止，我提出的最佳解决方案是：

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

---

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

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

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

---

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

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

---

查看生成的标记时，选择框是否在myDataTable中？是的，选择框未包含在生成的标记中-$umyDataTable_wrapper.csswidth，80%；成功了。如果您将您的评论放入回答中，我将接受，谢谢。当您查看生成的标记时，选择框是否在myDataTable中？是的，选择框未包含在生成的标记中-$umyDataTable_wrapper.csswidth，80%；成功了。如果你把你的意见写进回答中，我会接受的，谢谢。