Возможные корректировки выравнивания заголовка

Question

Я использую datatable в модальном всплывающем окне.Когда я открываю всплывающее окно при нажатии кнопки, тогда заголовок, то есть theads таблицы, не приспосабливается к полной ширине таблицы.Ниже приведены два сценария, в которых theads приспосабливаются соответствующим образом.

1 - открыть всплывающее окно, thead смещено, затем просто откройте инструменты разработчика Chrome и закройте их, теперь theads выравнивается автоматически.См. Изображение одно

2 - открытое всплывающее окно, в то время как инструменты разработчика Chrome также открыты, теперь theads не выровнены правильно, теперь просто измените размер окна в верхнем правом углу, и BOOM theads выровнялись идеально.Смотрите изображение два

Может кто-нибудь сказать мне, что здесь происходит.Я также прилагаю изображения и код ниже.

 var table = $('#available-linguists').DataTable( {
      "dom": '<fl<t>ip>',
      "paging": false,
      "bInfo" : false,
      "scrollY": "250px",
      "scrollCollapse": true,
 });

Answer 1

Попробуйте вызвать columns.adjust() при отображении вашего модального значения:

table.columns.adjust();

Этот метод предназначен для того, чтобы DataTables пересчитывал размеры столбцов на основе данных вТаблица и размер, применяемый к столбцам (в DOM, CSS или через параметр columns.width). Называйте его, когда таблица становится видимой, если она скрыта при инициализации (например, на вкладке) или когда данные значительно изменяются.

Также обратите внимание, причина, по которой столбцы волшебным образом выравниваютсяпри изменении размера окно также упоминается в тех же документах:

DataTables автоматически вызывает этот метод для события изменения размера окна, чтобы синхронизировать столбцы с перетекшим макетом.