Using Filter/Sort with hidden child rows about datatable HOT 3 OPEN

{
    filters: [
        function(data, text) { // First column
            return data == text; 
        }
    ]
}

Uncaught TypeError: Cannot read property 'innerHTML' of undefined
    at new DataTable (datatable.js:135)
    at HTMLTableElement.<anonymous> (datatable.jquery.js:42)
    at Function.each (jquery.min.js:2)
    at w.fn.init.each (jquery.min.js:2)
    at w.fn.init.$.fn.datatable (datatable.jquery.js:21)
    at HTMLDocument.<anonymous> (view_all_rates:87014)
    at l (jquery.min.js:2)
    at c (jquery.min.js:2)

<tr data-toggle="collapse" data-target="#rate_detail-1" class="accordion-toggle">
		<td rowspan="1" colspan="1">Test Data</td>
    <td rowspan="1" colspan="1">Test Data</td>
    <td rowspan="1" colspan="1">Test Data</td>

</tr>



<div id="rate_detail-1">
  <tr class="accordian-body collapse">
    <td colspan="10">
      <div class="col-md-6">
        <div class="box box-danger">
          <div class="box-header with-border">
            <h4 class="box-title">Rate Details</h4>
          </div>
          <div class="box-body">
            <table class="table table-bordered table-hover">
              <tbody>
                <tr>
                  <td>Carrier</td><td>Sample</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

      </div>
    </td>
  </tr>
</div>