title: Displaying loading message - Jquery Datatables
body: <p>UPDATE:</p>
  
  <p>here is how my html looks like and I have angularjs directive that created for datatables  </p>
  
  <pre><code>&lt;table id="vendor" ng-gridview="employee" resource="$employee"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th data-name="EmployeeId" data-width="50"&gt;Id&lt;/th&gt;
        &lt;th data-name="Name" data-width="75"&gt;Name&lt;/th&gt;
        &lt;th data-name="PhoneNumber" data-width="160"&gt;Phone Number&lt;/th&gt;
        &lt;th data-name="$options" data-width="160"&gt;Options&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How would I display processing message in DataTables whenever it loads the records? I have 20K records and take around 10-15 seconds to load. I am using MVC 5 action method pass the data</p>
  
  <p>I tried using <code>bProcessing</code> as true and <code>sProcessing</code> to give custom progress message but it does not work. How can I achieve that?</p>
  
  <p>/*! DataTables 1.10.2 */</p>
  
  <p>Here is my JQuery Datatables settings:</p>
  
  <pre><code> settings = {
                          'data': scope[attrs.ngModel] || {},
                          'oLanguage': {
                              'sSearch': 'Search: _INPUT_',
                              'sLengthMenu': attrs.title || 'Display _MENU_ items.',
                              'sInfo': 'Showing _START_ to _END_ of _TOTAL_ items.',
                              "bProcessing": true,
                              "bServerSide": true,
                              "bDeferRender": true,
  
                              'sLoadingRecords': 'Please wait - loading...',
                              'sProcessing': '&lt;div class="grid-loading"&gt;&lt;img src="images/spinner.gif" width="32" align="middle" /&gt; Loading&lt;/div&gt;',
                              'sInfoEmpty': 'No entries to show'
                          },
                          'iDisplayLength': 10,
                          "lengthMenu": [5, 10, 20, 30, 50, 100],
                          'columnDefs': []
                      };
  </code></pre>