Cannot reload Datatables server data

Question

I'm trying to reload the ajax data into my Datatables list.

The jQuery code in js file is the following ( semplified )

 "use strict";
 var KTDatatablesDataSourceAjaxServer = function() {

    var initTable1 = function() {
       var table = $('#kt_table_1');

       // begin first table
       table.DataTable({
           responsive: true,
           searchDelay: 500,
           processing: true,
           serverSide: true,
           ajax: server_url,
       });
   };

   return {

       //main function to initiate the module
       init: function() {
           initTable1();
       },

   };

 }();

 jQuery(document).ready(function() {
     KTDatatablesDataSourceAjaxServer.init();
 });

Usually, Datatable API provide the following code to reload the server data

table.ajax.reload(null,false);

But in my case the code above doesn't work...I get an error of table not defined. Any hint to fix the issue?

Thanks a lot

as-if-i-code · Accepted Answer · 2020-02-26 18:14:25Z

2

In this line var table = $('#kt_table_1'); you are declaring table as a reference to DOM object only, not DataTable. Remove this line and Change your table initialization as below:

var table = $('#kt_table_1').DataTable({
           responsive: true,
           searchDelay: 500,
           processing: true,
           serverSide: true,
           ajax: server_url,
       });

answered Feb 26, 2020 at 18:14

as-if-i-code

2,4051 gold badge13 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot reload Datatables server data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related