使数据表与turbolinks一起使用

Question

我想在我的网络应用程序中使用Turbolinks。但是，我在使用turbolinks和数据表方面遇到了一些麻烦。

实际上，当我第一次加载我的数据表时，它会为它生成DOM并且每一件事都可以。但是使用turbolinks，页面会被生成的DOM缓存，所以当我更改页面并返回我的数据表时，所有数据表功能都不起作用（分页，顺序，过滤......）

我认为，在已经生成DOM的情况下重新加载数据表不起作用，所以我试图在重新加载之前销毁它：同样的问题

这是我的数据表功能： Datatable function

在此致电：call to it

你有没有遇到过这个问题，我该怎么做才能解决它？

感谢您的回复

Answer 1

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

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