Datatable Hide rows
<p>I need help to HIDE the rows from the Datatable,<br/></p>

<p>When <strong>User selects "Show All"</strong> from the Dropdown, the complete Datatable should be rendered,<br/></p>

<p>Otherwise <strong>when the User selects "Hide USA"</strong>,<br/> 
I want to <strong>hide the rows whose Country Column's value is "USA"</strong>.<br/>
So need some kind of hide/show toggle functionality of Datatable depending on the column's value.<br/></p>

<p>Here's my Sample code -</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Document&lt;/title&gt;

    &lt;script src="https://code.jquery.com/jquery-1.12.3.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css"&gt;

    &lt;script type="text/javascript"&gt;
        $(document).ready(function() {

            var table = $('#example').DataTable();

            $("#choice").on("change",function(){

                var _val = $(this).val();

                 if(_val == 2){   
                        table
                        .columns(2)
                        .search('USA',true)
                        .draw();
                  }
                  else{
                    table
                    .columns()
                    .search('')
                    .draw(); 
                  }
            });
        } );



    &lt;/script&gt;

    &lt;style&gt;
        #choice{
            width: 135px;
            height: 35px;
            margin-bottom: 20px;
        }
    &lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;

    &lt;select name="choice" id="choice"&gt;
        &lt;option value="1"&gt;Show All&lt;/option&gt;
        &lt;option value="2"&gt;Hide USA&lt;/option&gt;
    &lt;/select&gt;

    &lt;table id="example" class="display" cellspacing="0" width="100%"&gt;
        &lt;thead&gt;
            &lt;tr&gt;
                &lt;th&gt;Name&lt;/th&gt;
                &lt;th&gt;Age&lt;/th&gt;
                &lt;th&gt;Country&lt;/th&gt;
            &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tfoot&gt;
            &lt;tr&gt;
                &lt;th&gt;Name&lt;/th&gt;
                &lt;th&gt;Age&lt;/th&gt;
                &lt;th&gt;Country&lt;/th&gt;
            &lt;/tr&gt;
        &lt;/tfoot&gt;
        &lt;tbody&gt;
            &lt;tr&gt;
                &lt;td&gt;Tiger Nixon&lt;/td&gt;
                &lt;td&gt;61&lt;/td&gt;
                &lt;th&gt;USA&lt;/th&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;Garrett Winters&lt;/td&gt;
                &lt;td&gt;63&lt;/td&gt;
                &lt;th&gt;USA&lt;/th&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;Ashton Cox&lt;/td&gt;
                &lt;td&gt;61&lt;/td&gt;
                &lt;th&gt;Mexico&lt;/th&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;Cedric Kelly&lt;/td&gt;
                &lt;td&gt;45&lt;/td&gt;
                &lt;th&gt;Brazil&lt;/th&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td&gt;Airi Satou&lt;/td&gt;
                &lt;td&gt;56&lt;/td&gt;
                &lt;th&gt;Japan&lt;/th&gt;
            &lt;/tr&gt;

        &lt;/tbody&gt;
    &lt;/table&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><strong>My current code is Hiding "Non USA" rows, <br/>
Whereas I want to hide rows, whose "Country" column has "USA"</strong></p>