Replies

• lecleard Posts: 9Questions: 2Answers: 1

  April 2017 edited April 2017

  Add the option processing: true. This will show a "processing" message while the data loads.

  https://datatables.net/examples/data_sources/server_side.html
• snunn Posts: 17Questions: 5Answers: 0

  April 2017

  How would I make it a spinning icon vs text?
• bindrid Posts: 730Questions: 0Answers: 119

  April 2017

  I used the font Awesome spinner from http://fontawesome.io/examples/#animated and it seem to work.
  ```
  $(document).ready(function () {
  $('#example').DataTable({

                  "processing": true,
                  "language": {
                      processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span> '},
  
  
                  "serverSide": true,
                  "ajax":{
  
              url: "wsService.asmx/GetDTDataSerializedList",
              type: "Post",
              dataFilter: function (res) {
                  debugger;
              },
                      error:function(x, y){
                          console.log(x);
                          debugger;
                      }
                  },
                  "columns": [
                  { "data": "first_name" },
                  { "data": "last_name" },
                  { "data": "position" },
                  { "data": "office" },
                  { "data": "start_date" },
                  { "data": "salary" }
                  ]
              });
          });
  

  ```
• bindrid Posts: 730Questions: 0Answers: 119

  April 2017

  I put it here http://live.datatables.net/kihecona/1/edit since there is not a real ajax call, it throws up an error but you see it spin until you close the error.

  Just hit "Run with JS" button
• snunn Posts: 17Questions: 5Answers: 0

  April 2017

  That's perfect.
• echo18 Posts: 2Questions: 1Answers: 0

  April 2020

  Works well!!
• mastercoria Posts: 3Questions: 0Answers: 0

  December 2021

  How to dynamically show and hide processing box? I don't want to depend on DataTable internal AJAX call.
• kthorngren Posts: 20,300Questions: 26Answers: 4,769

  December 2021

  @mastercoria Checkout the processing() plugin.

  Kevin