使数据表与Turbolink一起使用

Question

我想在我的Web应用程序中使用Turbolinks。但是，我在涡轮链接和数据表方面遇到了一些麻烦。

确实，当我第一次加载数据表时，它会为其生成DOM，一切正常。但是使用turbolinks时，页面将与生成的DOM一起缓存，因此当我更改页面并返回我的数据表时，所有数据表功能均不起作用（分页，排序，过滤器...）

我认为，在已经生成DOM时重新加载数据表是行不通的，因此我尝试在重新加载它之前销毁它：同样的问题

这是我的datatable函数： Datatable函数

这里是对它的调用：对它的调用

您是否遇到过这个问题，我该怎么解决？

感谢您的回复

Answer 1

从 Turbolink 缓存返回时，不要再次初始化日期表。

document.addEventListener("turbolinks:load", function() {
  "use strict";
  if ($("#users-table_wrapper").length == 0) {
    $('#users-table').DataTable();
  }
})