title: DataTables - Ignore drill down rows with colspan
body: <p>I am using DataTables for a table in my web application. The table lists some data from the database.</p>
  
  <p>I decided to make a drill down where when you click on the row, it will toggle another row below to show more details.</p>
  
  <p>I have this right now.</p>
  
  <pre><code>&lt;tr class="main-row"&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="drill-down-row"&gt;
      &lt;td colspan="3"&gt;
          // Drill down content here
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).on('click', '.main-row', function(event){   
      var $line = $(this);
          $line.next('.drill-down-row').toggle();
  });
  </code></pre>
  
  <p>After I added the drill down row, DataTables broke because of the new row has only 1 cell. I searched everywhere and can't find a way to ignore the row.</p>
  
  <p>I really need to utilize the django's template renderer and prefer not to use javascript templates.</p>