Php Laravel 7 Yajra数据表未响应

我正在使用weblesson教程中的Yajra datatable

一切都很好，但数据表没有响应

我包括以下代码：

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

感谢Omer：

我添加了两个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" />

  <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" />

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

现在一切都很好

就像你在这张照片上看到的一样，我的桌子反应灵敏：

编辑：

感谢Omer：

我添加了两个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" />

  <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" />

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

现在一切都很好

---

谢谢。

Bootstrap

table responsive

add

overflow-x:auto

风格在您的标签上。因此，引导响应正在您的站点上运行。如果要创建datatable responsive，必须添加扩展名：

---

Responsive是DataTables的一个扩展，它通过动态插入和删除表中的列来优化不同屏幕大小的表布局，从而解决了这个问题。

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

---

现在很容易告诉你它是有效的，问题就在你这边。。。 所以我做了一些测试：

Firefox75=>OK

边缘81.0.416.68=>正常

偶数IE 11.778.18362.0

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

也许可以尝试另一种浏览器（一种便携式浏览器，以避免堆积在您的机器上…）

---

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

您好，谢谢。当你回复时，我正在阅读你的链接页面。实际上，我必须安装响应文件（CSS和JS）。我做到了，这样更好，谢谢。我仍然有一个问题，显示是不正确的，我编辑我原来的帖子显示。再次感谢你。我做了一分钟。嗨，谢谢，我不得不补充说你是对的，网站是有反应的，不是数据表。非常感谢您的尝试。在url中，您将看到其他示例。你到底想要什么？你可能想要：