JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables_themeroller.css">
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<script src="http://datatables.net/release-datatables/extras/TableTools/media/js/TableTools.min.js"></script>
<button>Hide/Show</button>
<table id="mytable">
<thead>
<tr>
<th>Col1</th>
<th>Col2</th>
<th>ActiveYN</th>
</tr>
</thead>
<tbody>
<tr>
<td>Apple</td>
<td>12345</td>
<td>Yes</td>
</tr>
<tr>
<td>Orange</td>
<td>67890</td>
<td>No</td>
</tr>
<tr>
<td>Mango</td>
<td>456745</td>
<td>Yes</td>
</tr>
</tbody>
</table>
JavaScript
$('button').on('click', function () {
var $rowsNo = $('#mytable tbody tr').filter(function () {
return $.trim($(this).find('td').eq(2).text()) === "No"
}).toggle();
});