title: Datatable ServerSide Processing Custom Loading Screen
body: <p>I am using datatable with the server side rending. By default Datatable show a small processing message, but this message won't be visible if the laoding records are more than 50 in default view. i tried to set and overflow for customer loading screen but its not working.</p>
  
  <p>here is my code.</p>
  
  <pre><code>var trd= $('#datableTable').DataTable({
  
              // Use Ajax to submit form data
  
              "oLanguage": {
                  "sProcessing" : "&lt;div id='overlay'&gt;&lt;h2&gt;Loading .. Please wait&lt;/h2&gt;&lt;/div&gt;"
              },
             "processing": true,
              "serverSide": true,
             'pageLength': 50,
             "sortable": false,
             'lengthMenu': [[10, 20, 25, 50,100, -1], [10, 20, 25, 50,100, 'All']],
             "order": [
                 [0, 'desc']
             ],
   dom: 'lBfrtip',
  
              ajax:({
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  },
                //  data:fmdata,
                //  data: { data: data },
                  type: "GET",
                  url: '{{ url('admin/reports/get-report') }}'+goURI,
  
                  "dataSrc": function(json) {
  
                      var return_data = new Array();
                      for(var i=0;i&lt; json.data.length; i++){
                          //console.log(json[i].conversion_id);
                          return_data.push({
                              'id': json.data[i].data_id,
  
                          })
                      }
                      return return_data;
                  }
                // 'beforeSend': function(){
               //      $("#overlay").show();
                // },
                // success: function(data, status) {
                //     $("#overlay").hide();
                // },
                 //"initComplete": function(settings, json) {
                //     $('#overlay').hide();
                 //    //or $('#loadingSpinner').empty();
                // }
  
              }),
  
  
  
  
  
          });
  </code></pre>
  
  <p>I tried by changing oLangguage to language and sProcessing to processing. But it didn't work.
  I am not seeing any overlay or loading effect. Where i am doing wrong?</p>