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

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()