title: JQuery - Datatables - FixedColumns
body: <p>I developed a JSP page using JQuery, Datatables and FixedColumns plugins. I need a datatable in my page, with first 4 columns fixed, and all other columns movable. </p>
  
  <p>To load a simple jsp page of 80 rows * 133 columns datatable, it took 1 min and 1 sec in IE 8, whereas it took few seconds in firefox and chrome(though it has alignment issues).</p>
  
  <p>And my js code looks like this:</p>
  
  <pre><code>$(document).ready(function() {
            oTable = $('#example').dataTable({
      "sScrollX" :"100%",
      "sScrol
  
  lY" :"500px",
          "sScrollXInner" :"130%",
          "bScrollCollapse" :false,
          "bJQueryUI" :true,
          "bAutoWidth" :false,
          "fnDrawCallback" : function(oSettings) {
          if (oSettings.bSorted || oSettings.bFiltered) {
      for ( var i = 0, iLen = oSettings.aiDisplay.length; i &lt; iLen; i++) {
      $('td:eq(0)',oSettings.aoData[oSettings.aiDisplay[i]].nTr).html(i + 1);
      }
      }
      "sPaginationType" :"full_numbers",
      "bPaginate" :true,"bProcessing" :true,"bServerSide" :true,"aaSorting" : [ [ 1, 'asc' ] ],"sAjaxSource" :"./server_processing.jsp",
  
  "fnServerData" : function(sSource,aoData, fnCallback) {$.ajax( {"dataType" :'json',"type" :"POST","url" :sSource,
  "data" :aoData,"success" :fnCallback});});
  new FixedColumns(oTable, {"iLeftColumns" :4,"iLeftWidth" :450,"sHeightMatch" :"auto"});});
  </code></pre>
  
  <p>Only after adding sScrollX,sScrollY,sScrollXInner, the page started slowing down in IE 8. Also without that, FixedColumns doesnt work.</p>
  
  <p>I used jquery-1.6.1.js, jquery.datatables 1.8, and jquery Fixedcolumns 2.0. 
  Any help would be appreciated for improving the performance with jquery + datatables + FixedColumns.</p>
  
  <p>Thanks</p>