title: Jquery DataTables to exclude rows with a certain class
body: <p>I have an HTML table in which I have applied the DataTables function to. I use the first  row of the table with the class 'template' applied as my template row. Then pick this formatting up and populate all the rows in the table using a JSON feed. The problem is that the pagination provided by DataTables includes this hidden template row so always makes my first page display 1 less row than all the others.</p>
  
  <p>Is there a way to exclude any rows (of which there will only be one) with the class 'template' applied to the tr?</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!-- DataTables CSS --&gt;
  &lt;link href="/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet"&gt;
  
  &lt;!-- DataTables Responsive CSS --&gt;
  &lt;link href="/bower_components/datatables-responsive/css/dataTables.responsive.css" rel="stylesheet"&gt;
  
  &lt;div class="alert-message"&gt;&lt;/div&gt;
  
  &lt;div class="dataTable_wrapper"&gt;
  
      &lt;table class="loadtable table table-hover table-stripped" id="problem_table" data-page="0" data-params="" data-orderby="p.name" data-orderdir="DESC" data-url="/admin/problem/ajax/tables/problem" cellpadding="0" cellspacing="0" border="0"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th class="orderable asc"&gt;Name&lt;/th&gt;
                  &lt;th class="orderable no-sort" width="10%"&gt;Helpful?&lt;/th&gt;
                  &lt;th class="orderable" width="15%"&gt;Created&lt;/th&gt;
                  &lt;th class="orderable c" width="10%"&gt;Live?&lt;/th&gt;
                  &lt;th class="r no-sort" width="12%"&gt;Actions&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr id="problem_#PROBLEMID#" class="template #ROWCLASS#"&gt;
                  &lt;td class="orderable asc"&gt;#NAME#&lt;/td&gt;
                  &lt;td class="orderable"&gt;&lt;span class="fa fa-thumbs-o-up"&gt; #UP_VOTE#&lt;/span&gt; &lt;span class="fa fa-thumbs-o-down"&gt; #DOWN_VOTE#&lt;/span&gt;&lt;/td&gt;
                  &lt;td class="orderable"&gt;#CREATED#&lt;/td&gt;
                  &lt;td class="orderable c"&gt;&lt;span class="fa #IS_LIVE#"&gt;&lt;/span&gt;&lt;/td&gt;
                  &lt;td class="r last"&gt;#ACTIONS#&lt;/td&gt;
              &lt;/tr&gt;
           &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function() {
  
      delay( function() {
          $('#problem_table').DataTable({
              responsive: true,
              pageLength: 20,
              aLengthMenu: [[20, 40, 60, -1], [20, 40, 60, "All"]],
              aoColumnDefs : [{ "bSortable" : false, "aTargets" : [ "no-sort"     ] }]
          });
      }, 200 );
  
  });
  </code></pre>