Проблема ScrollY в Datatable ⇐ Jquery

[Anonymous]

Я использую Datatable, чтобы придать стиль своей таблице в HTML, и мне пришлось включить ScrollY.
Хотя это сработало, у меня есть проблема со стилем, которую я пытаюсь решить.
При изменении размера в окне по какой-то причине размер заголовка таблицы не изменяется вместе с самой таблицей.
Я провел небольшое исследование и выяснил, что когда веб-страница готова, она создает следующие теги, связанные с таблицей:< /p>

Код: Выделить всё

Моя исходная таблица все еще существует, но он создает эти теги для некоторых действий.

• Я пытался придать моей таблице стиль = "ширина: 100%", но эти созданные теги не работают t измениться в моей таблице.
• Я также пытался изменить ее через JS, используя класс в качестве ссылки, и непосредственно в CSS, используя класс в качестве ссылки, но это не сработало.
• Я пробовал использовать tableMain.columns.adjust().draw(), не помогло.
• Только когда вы проверяете страницу и меняете ее через страницу, на которой вы можете решить эту проблему.

HTML:

Код: Выделить всё

COLUMN 1

COLUMN 2
COLUMN 3
COLUMN 4


COLUMN 5

JS:

Код: Выделить всё

let tableMain = $('#tbMain').DataTable({
'scrollY': '400px',
'scrollCollapse': true,
'responsive': true,
'ordering': false,
'order': [1, 'asc'],
'columns': [
{width: '5%', className: 'text-center'},
{width: '5%', className: 'text-center'},
{width: '30%', className: 'text-center'},
{width: '40%', className: 'text-center'},
{width: '10%', className: 'text-center'},
{width: '10%', className: 'text-center'}
],
'buttons': []
}
});
$("body").css("overflow", "hidden");

Я использовал Bootstrap 3.3.6 и Datatable 1.11.5.
Надеюсь, вы мне поможете.

Подробнее здесь: https://stackoverflow.com/questions/786 ... -datatable