title: jQuery dataTables 3x3 column with no header
body: <p>I am using <a href="http://www.datatables.net/download/" rel="nofollow">jquery.dataTables (1.8.1)</a>  to display a list of data, and I am displaying it into a 3x3 grid. I don't want to use the header since it is not necessary. </p>
  
  <p>Here's my javascript:</p>
  
  <pre><code>$('table.grid_view').dataTable({
      "oLanguage": {
          "sSearch": "&lt;p style='margin:5px 0;'&gt;Search:&lt;/p&gt;"
      },
      "bLengthChange": false,
      "bFilter": true,
      "bSort": false,
      "bAutoWidth": false,
      "iDisplayLength": 3,
      "sPaginationType": "full_numbers",
      "aoColumns": [null,null,null]
  });
  </code></pre>
  
  <p>and here's the table:</p>
  
  <pre><code>&lt;div id='grid_wrap'&gt;
      &lt;table class="grid_view"&gt;
          &lt;tbody&gt;
          &lt;?php
          if (!empty($grid_datas)){
              $i = 1;
              $index = 0;
              foreach ($grid_datas as $grid_data){
                  $index++;
                  if($i == 0){ echo '&lt;tr&gt;';}
                  if($index == count($grid_datas)){$colspan = $index % 3;}
                  else{$colspan = 1;}
              ?&gt;
                  &lt;td&gt;
                      &lt;?php echo $grid_data['the_data'];?&gt;
                  &lt;/td&gt;
              &lt;?php
                  if($index == count($grid_datas) || $index % 3 == 0){
                      echo '&lt;/tr&gt;';
                      $i = 0;
                  }else{$i++;}
              }?&gt;
          &lt;/tbody&gt;
          &lt;?php }else{?&gt;
          &lt;tr&gt;
              &lt;td&gt;No data Found&lt;/td&gt;
          &lt;/tr&gt;
          &lt;?php }?&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>actually this pretty much work, but the datatable is alerting message </p>
  
  <blockquote>
    <p>DataTables warning: Requested unknown parameter '2' from the data
    source for row 3</p>
  </blockquote>
  
  <p>and when I check it in firebug, here's what happens:</p>
  
  <blockquote>
    <p>DataTables warning: Unexpected number of TD elements. Expected 12 and
    got 11. DataTables does not support rowspan / colspan in the table
    body, and there must be one cell for each row/column combination.</p>
  </blockquote>
  
  <p>from the sound of it, it seems that I only have 11 <code>$grid_data</code> to display while <code>dataTables</code> is expecting 12 since the table is resulting 4 rows, and since i didn't initiate any <code>header(thead)</code>, it seems that the <code>dataTable</code> is generating this on the fly:</p>
  
  <pre><code>&lt;thead&gt;
      &lt;tr&gt;
          &lt;th class="sorting_disabled" rowspan="1" colspan="1"&gt;&lt;/th&gt;
          &lt;th class="sorting_disabled" rowspan="1" colspan="1"&gt;&lt;/th&gt;
          &lt;th class="sorting_disabled" rowspan="1" colspan="1"&gt;&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  </code></pre>
  
  <p>I have spent some time modifying the table or the javascript so that it wont give any alert, I have also search for any possible solutions, but none of them seems to work, please help me</p>