Ширина таблицы данных установлена ​​неправильно

Question

Когда я пытаюсь установить ширину таблицы данных, размер основного раздела таблицы изменяется, на прикрепленном изображении красный кружок должен быть выровнен с основной HTML-таблицей. :

Для центрирования таблицы, которую я использую: $("#myDataTable").css("width","80%");, но, как вы можете видеть, она просто изменяет размер основной секции таблицы, а не всей таблицы данных.

Answer 1

datatables создает элемент-обертку, который всегда имеет класс dataTables_wrapper, поэтому, если вы хотите изменить размер таблицы, вы должны изменить размер этого элемента

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

, если у вас более одной таблицы и вы хотите настроить таргетингопределенная оболочка, идентификатор этой оболочки

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

Answer 2

Основание ширины оболочки на ширине таблицы содержимого:

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

Answer 3

Лучшее решение, которое я до сих пор придумал:

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

Кажется, что справляется с большинством случаев использования.