html - Datatables: レスポンシブはページネーションで機能しません

Question

モバイルデバイスでテーブル(データテーブル)を開くと、「レスポンシブ」が機能しないという問題が発生しました。ページネーションの最初のページでは機能しますが、他のページ (2、3、4 など) に切り替えると、機能が使用できなくなります。

自分で試すことができます: https://www.gotbootstrap.com/themes/smartadmin/4.5.1/datatables_buttons.html

モバイル デバイスでページを開き、次のページネーション ページに移動します。

誰かがこの問題に遭遇した場合、どのように解決できるか教えてください。例：

ページネーション ページ 1

ページネーション ページ 3

Answer 1

少しハックですが、ページネーション ボタンがクリックされたときに列を調整することで問題を解決できます。

$('.dataTables_paginate .paginate_button').click(function() {
  $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();
});

参考：https://datatables.net/reference/api/columns.adjust()