Rails 5.2数据表不会刷新页面更改数据

Question

I have a rails 5.2 project that has datatables configured. The plugin works fine but if I change a page then hit the back button the data in the table does not load again with datatables. It says "No data in table". It sounds like a turbolinks issue to me.

I am using the following to generate the table:

$( document ).on('turbolinks:load', function() {
  $("#prjtbl").dataTable();
});

The datatables plugin loads between page changes but the data in the table does not refresh. Any ideas on how to fix this?

UPDATE: Application.js

        // This is a manifest file that'll be compiled into application.js, which will include all the files
    // listed below.
    //
    // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
    // vendor/assets/javascripts directory can be referenced here using a relative path.
    //
    // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
    // compiled file. JavaScript code in this file should be added after the last require_* statement.
    //
    // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
    // about supported directives.
    //
    //= require rails-ujs
    //= require jquery
    //= require datatables
    //= require popper
    //= require bootstrap-sprockets
    //= require shards-dashboards
    //= require trix
    //= require activestorage
    //= require turbolinks
    //= require_tree .

Page.js

    JQuery(function() {
      $( document ).on('turbolinks:load', function() {
        $("#prjtbl").dataTable();
      });
    });

Answer 1

document.addEventListener("turbolinks:load", function() {
  "use strict";
  if ($("#prjtbl").length == 0) {
    $("#prjtbl").dataTable();
  }
})