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

Question

我正在使用来自 weblesson 教程的 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" />

现在一切都很好。

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

编辑 ：

感谢奥马尔：

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

现在一切都很好。

谢谢你。

标签： phplaravelbootstrap-4datatableyajra-datatable

Answer 1

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

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