php - Laravel 7 Yajra 数据表没有响应

Question

我正在使用网络类(class)教程中的 Yajra 数据表。

一切正常，但数据表没有响应。

我包含了这段代码:

$('#user_table').DataTable({
  responsive: true,

感谢奥马尔:

我添加了两个 CDN:

  <script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootstrap4.min.js"></script>
  <link rel="https://cdn.datatables.net/rowgroup/1.1.1/css/rowGroup.bootstrap4.min.css" />

然后我删除了这个:

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />

现在一切正常。

就像你在这张照片上所做的那样，我的 table 是响应式的:

编辑:

感谢奥马尔:

我添加了两个 CDN:

  <script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootstrap4.min.js"></script>
  <link rel="https://cdn.datatables.net/rowgroup/1.1.1/css/rowGroup.bootstrap4.min.css" />

然后我删除了这个:

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />

现在一切正常。

谢谢。

Answer 1

Bootstrap table-responsive 在您的标签中添加 overflow-x: auto 样式。所以 bootstrap responsive 在你的网站上运行。如果你想数据表响应，你必须添加扩展: https://datatables.net/extensions/responsive

Responsive 是 DataTables 的扩展，它通过动态插入和删除表格中的列来针对不同的屏幕尺寸优化表格布局，从而解决了该问题。