Laravel 7 Yajra 数据表没有响应

Question

我正在使用网络课程教程中的 Yajra 数据table。

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

我包含了这段代码：

$('#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 正在您的网站上运行。如果你想数据table响应，你必须添加扩展： https://datatables.net/extensions/responsive

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

Answer 2

我将您的代码原样复制并粘贴到一个新文件中，打开并测试：没问题

现在告诉你它有效太容易了，问题在你这边...

所以我做了一些测试:

Firefox 75 => 可以
边缘 81.0.416.68 => 正常
连IE 11.778.18362.0

在我看来，这更多是浏览器方面的问题（缓存、浏览器扩展阻止 JS 或 CSS 属性...）

也许尝试使用其他浏览器（便携式浏览器以避免在您的计算机上堆叠...）

但这可能与 Whosebug 无关，因为这不是由代码或代码误解引起的。

Laravel 7 Yajra 数据表没有响应

Laravel 7 Yajra datatable NOT responsive

php

datatable

laravel

bootstrap-4

yajra-datatable

现在告诉你它有效太容易了，问题在你这边...