数据表：响应式不适用于分页

Question

我 运行 遇到一个问题，即在移动设备上打开表（数据表）时，“响应式”不起作用。它在分页的第一页有效，但是当我切换到其他（2、3、4等）页面时，该功能不可用。

你可以自己试试：https://www.gotbootstrap.com/themes/smartadmin/4.5.1/datatables_buttons.html

在您的移动设备上打开页面并转到以下分页页面。

如果有人遇到过这个问题，请告诉我如何解决。 示例：

分页第 1 页

分页第 3 页

Answer 1

有点hacky，但您可以通过在单击分页按钮时调整列来解决问题：

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

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