Скрытие и отображение столбца изменяет автоматическую ширину столбца

Question

Я нашел следующий код для создания ссылки, чтобы скрыть / показать конкретный столбец

// JS
$('a.toggle-vis').on( 'click', function (e) {
    e.preventDefault();
    search = ":contains(" + $(this).text() + ")"
    var column = table.column(search);
    column.visible( ! column.visible() );
});

// HTML
Hide/unhide column: <a class="toggle-vis">Cost</a>

Однако, когда я скрываю и отображаю столбец, ширина столбца теряется (ширина столбца изменяется наравно ширине заголовка и выглядит действительно сжато).

Есть ли способ указать DataTables, чтобы восстановить ширину столбца?

Answer 1

Я понял это. Я должен был использовать columns.adjust ()

Бросок table.columns.adjust().draw(); после column.visible( ! column.visible() ); исправил проблему