title: Datatable hide rows based on column value
body: <p>I have this datatable that is generated by php dynamically once. But once it's loaded, I want to hide entire row which has status <strong>Pending</strong>. I have added class "cls_status" to last td of each tr so i want to hide that tr which last td has status Pending.</p>
  
  <p><strong>In below example once html loaded i want only 2 rows to display.</strong></p>
  
  <pre><code>&lt;table class="table dataTable no-footer" id="activitytabdata" role="grid"&gt;
      &lt;thead&gt;
        &lt;tr role="row"&gt;
        &lt;th&gt;Date&lt;/th&gt;
        &lt;th&gt;Activity Name&lt;/th&gt;
        &lt;th&gt;Points Earned&lt;/th&gt;
        &lt;th&gt;Expiry Date&lt;/th&gt;
        &lt;th&gt;Status&lt;/th&gt;
    &lt;/tr&gt;          
      &lt;/thead&gt;
      &lt;tbody id="reward-data"&gt;
      &lt;tr role="row" class="odd"&gt;
          &lt;td align="left" class="cls_date"&gt;Mar 28, 2018&lt;/td&gt;
          &lt;td class="cls_activity"&gt;Points Earned&lt;/td&gt;
          &lt;td class="cls_points"&gt;10.00&lt;/td&gt;
          &lt;td class="cls_expire_date"&gt;Mar 28, 2018&lt;/td&gt;
          &lt;td class="cls_status"&gt;Earned&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr role="row" class="odd"&gt;
          &lt;td align="left" class="cls_date"&gt;Mar 28, 2018&lt;/td&gt;
          &lt;td class="cls_activity"&gt;Points Pending&lt;/td&gt;
          &lt;td class="cls_points"&gt;30.00&lt;/td&gt;
          &lt;td class="cls_expire_date"&gt;Mar 28, 2018&lt;/td&gt;
          &lt;td class="cls_status"&gt;Pending&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr role="row" class="odd"&gt;
          &lt;td align="left" class="cls_date"&gt;Mar 28, 2018&lt;/td&gt;
          &lt;td class="cls_activity"&gt;Points Expired&lt;/td&gt;
          &lt;td class="cls_points"&gt;10.00&lt;/td&gt;
          &lt;td class="cls_expire_date"&gt;Mar 28, 2018&lt;/td&gt;
          &lt;td class="cls_status"&gt;Expired&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p></p>