title: fixed columns on datatable
body: <p>I have a portlet view jsp that I am trying to fix the left two columns along with the headers using dataTables and the FixedColumns plugin for a pivot table. </p>
  
  <p>I get the header row to fix and to be able to scroll the Y-axis, but I am unable to Fix the two left columns in place as the code suggests.  </p>
  
  <pre><code> &lt;script  type="text/javascript"&gt;
    var pTable ;
   $(document).ready( function () {
      pTable = $('#scheduleTable').dataTable( {
      "sDom": "&lt;'row-fluid'r&gt;&lt;'row-fluid't&gt;&lt;'row-fluid'&lt;'span6'i&gt;&lt;'span6'p&gt;&gt;", 
  
      "sScrollY": 200,
      "sScrollX": "100%",
      "sScrollXInner": "100%",
      "bScrollCollapse": false,
      "fnInitComplete": function () {
         var fCols =  new FixedColumns( pTable , {
                  "iLeftColumns":2,
                  "sHeightMatch" : "auto",
                  "iRightColumns": 0
                  }
          );
        }
  });
  
  } );
  
  &lt;/script&gt;
  </code></pre>
  
  <p>I can see the FixColumns library via Firebug in Firefox but I cannot see how or if it is applied to the dataTable. It seems like the FixedColumns code is being ignored.  Any thoughts on how to better debug this or to code this?</p>
  
  <p>Thank you in advance. </p>