title: restructing datatables call for making sure it works for internet explorer 9
body: <p>I have data tables working and perfectly fine, now i am trying to use old version of datatables but for IE 9 its all breaking up, anyone who can provide me some help with this code</p>
  <pre><code>$(&quot;#datatables&quot;).DataTable({
      &quot;bFilter&quot;: true,
      &quot;serverSide&quot;: true,
      &quot;deferRender&quot;:true,
      &quot;processing&quot;: true,
      &quot;fixedHeader&quot;: true,
      &quot;scrollX&quot;: true,
      &quot;columns&quot;: [
          { &quot;data&quot;: &quot;Name&quot;, &quot;title&quot;: &quot;Name&quot;, &quot;autoWidth&quot;: true },
          { &quot;data&quot;: &quot;Email&quot;, &quot;title&quot;:&quot;Email&quot;, &quot;autoWidth&quot;: true },
          
      ],
      &quot;ajax&quot;: {
          &quot;url&quot; : &quot;/page.php&quot;,
          &quot;type&quot; : 'post',
          &quot;data&quot;: function (d) {
              return $.extend({}, d, {
                  &quot;sdate&quot;: $('#sdate').val(),
                  &quot;edate&quot;: $('#edate').val()
              });
          }
      },
      &quot;language&quot;: {
              &quot;processing&quot;: '&lt;i class=&quot;fa fa-spinner fa-spin fa-3x fa-fw&quot;&gt;&lt;/i&gt;&lt;span class=&quot;sr-only&quot;&gt;Loading..n.&lt;/span&gt; ',
              &quot;emptyTable&quot;: &quot;No Data available&quot;
      },
      &quot;scroller&quot;: {
        loadingIndicator: true
      },
      &quot;initComplete&quot; : function () {
          $('.dataTables_scrollBody thead tr').addClass('hidden');
      }
  });
  </code></pre>