Ширина данных в jQuery неверно изменилась во время изменения размера экрана с маленького на большой экран

Question

Я использовал responsive функцию данных . Для большого экрана вид выглядит следующим образом:

Для небольшого экрана вид выглядит следующим образом:

С этими представлениями все в порядке. Проблема возникает, когда страница сначала загружается на маленьком экране , после этого, если размер экрана изменяется на большой экран , представления выглядят следующим образом:

Ширина не такая, как на первом скриншоте. Как решить проблему?

Рабочая демоверсия

Answer 1

Попробуйте установить autoWidth: false

var table = $('#example').DataTable({
    autoWidth: false,
    responsive: ...
});

codepen