Loading Message using Datatables

Question

Im using Datatables with PHP and Mongo to make a CRUD.

This is my Code and it works fine

table = $('#example').DataTable({
    "bLengthChange": false,
    "ajax": "./get_clients"
});

This is my function to load new data and it works fine:

table.ajax.reload();

When I load the page I get a "Loading..." message, but when I reload with "table.ajax.reload()", I get no "Loading..." message which is annoying cause my users might not know the grid is loading.

I can add this line to my datatable params:

"processing": true,

And that would give me a "Processing..." Message with a different CSS style.

I'd like to know if there is a way to have the "Loading..." message with all of its properties while still using my reload ajax code.

Edit: Im' using version Data tables 1.10.10

K Scandrett · Accepted Answer · 2018-11-12 14:20:12Z

9

Not really. The "Loading..." message is an actual table row that is added during initialisation, whereas the "Processing..." message is an overlay.

I suggest using the language feature to blank the "Loading..." message and just use the overlay:

$(document).ready( function () {
  var table = $('#example').DataTable( {
    ajax: '/ajax/arrays.txt',
    processing: true,
    'language':{ 
       "loadingRecords": "&nbsp;",
       "processing": "Loading..."
    }
  } );

  $('#reload').click( function () {
    table.ajax.reload();
  } );

} );

You could of course not use   and set loadingRecords to an empty string, but that initial table row's height will collapse somewhat without.

Example: http://live.datatables.net/cepunoyi/1/edit

edited Nov 12, 2018 at 14:20

answered Nov 17, 2016 at 3:16

K Scandrett

16.6k4 gold badges43 silver badges69 bronze badges

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

Collectives™ on Stack Overflow

Loading Message using Datatables

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related