title: Uncaught TypeError: Cannot read property 'className' of undefined dataTable
body: <p>I have table:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table id="mydata"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Data 1&lt;/th&gt;
              &lt;th&gt;Data 2&lt;/th&gt;
              &lt;th&gt;Data 3&lt;/th&gt;
              &lt;th&gt;Data 4&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr class="main"&gt;
              &lt;td class="data_1"&gt;A&lt;/td&gt;
              &lt;td class="data_2"&gt;B&lt;/td&gt;
              &lt;td class="data_3"&gt;C&lt;/td&gt;
              &lt;td class="data_4"&gt;D&lt;/td&gt;
          &lt;/tr&gt;
     &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>When i'm using dataTable to sort with jquery:</p>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>jQuery('#mydata').dataTable({
      "sDom": " ",
      "bPaginate": false,
      "bInfo": false,
      'bFilter':false,                        
      "aoColumns": [
          null,               
          null,
          null,
          null
      ]
  });
  </code></pre>
  
  <p>It's worked.</p>
  
  <p>But, when i add child rows for <strong>main</strong>:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table id="mydata"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Data 1&lt;/th&gt;
              &lt;th&gt;Data 2&lt;/th&gt;
              &lt;th&gt;Data 3&lt;/th&gt;
              &lt;th&gt;Data 4&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr class="main"&gt;
              &lt;td class="data_1"&gt;A&lt;/td&gt;
              &lt;td class="data_2"&gt;B&lt;/td&gt;
              &lt;td class="data_3"&gt;C&lt;/td&gt;
              &lt;td class="data_4"&gt;D&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr class="detail-header"&gt;
              &lt;td&gt;&lt;strong&gt;A1&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;B1&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;C1&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;D1&lt;/strong&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="detail"&gt;
              &lt;td&gt;&lt;strong&gt;A2&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;B2&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;C2&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;D2&lt;/strong&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="control"&gt;
              &lt;td colspan="2"&gt;&lt;a href="#"&gt;Show details&lt;/a&gt;&lt;/td&gt;
              &lt;td colspan="2"&gt;&lt;a href="#"&gt;Hide details&lt;/a&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>In that html: <strong>detail-header</strong>, <strong>detail</strong> and <strong>control</strong> are childs of <strong>main</strong> and they show when click to <strong>Show details</strong>, it's should ignore when sort but i seem they also sort by dataTable so i received error: </p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'className' of undefined
  </code></pre>