title: Datatables: Hide rows based on hidden column value
body: <p>I am using <code>dataTable</code> plugin to display my table in jsp. I want to use check box option with it too. Something like here</p>
  
  <p><a href="https://stackoverflow.com/questions/29569492/datatables-filter-rows-based-on-value-in-column/33125700#33125700">DataTables: filter rows based on value in column</a></p>
  
  <p>In this case the values of Types is not hidden. But in my table the value of first column is hidden. How to write JavaScript in that case. </p>
  
  <p>My datatable looks like this:</p>
  
  <pre><code>var userTable = $("#users").dataTable({
                      "sPaginationType": "full_numbers",
                      "bPaginate": true,
                      "bScrollCollapse": true,
                      "iDisplayLength": 10,
                      "bFilter": false,
                      "bJQueryUI": true,
                      "aoColumnDefs": [{ "bVisible": false, "aTargets": [0] }],
  
                  });
  </code></pre>
  
  <p>I am able to use the solution given in the link only when the column values are not hidden. </p>
  
  <pre><code>function Clear() {    
      $('#users tr').show();}function Search(word) {
      Clear();
  $('#users tr &gt; td:first-child').each(function () {
          if ($(this).html() != word) {
               $(this).parent().hide();
          }
       });
  }
  </code></pre>
  
  <p>My labels look like this:</p>
  
  <pre><code>&lt;label&gt;
    &lt;input type="radio" name="RadioGroup1" value="radio1" id="radio1" onclick="Search('1')"/&gt;
    Enabled&lt;/label&gt;
  &lt;label&gt;
    &lt;input type="radio" name="RadioGroup1" value="radio2" id="radio2" onclick="Search('0')"/&gt;
    Disabled&lt;/label&gt;
    &lt;label&gt;
    &lt;input type="radio" name="RadioGroup1" value="radio3" id="radio3" onclick="Clear()"/&gt;
    All&lt;/label&gt;
  </code></pre>