Download
User Rating: 0/5 ( 0 votes)
princeFilter is a JQuery plugin for filtering table-data. It offers the following operands to filter your table-data: 'equlas', 'not-equals', 'like', 'starts with', 'ends with', 'less than', 'greater than', 'true' or 'false' (for cells that contain checkboxes).
Required Components
- jquery-1.7.2.min.js
Source: evicore.com
1. INCLUDE JS FILES
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Src/script/princeFilter.JQuery.js?635441461012089306" type="text/javascript"></script>
2. HTML
<table id="tblData1">
<tr>
<th scope="col">xID</th><th scope="col">customerid</th><th scope="col">customername</th><th scope="col">division</th>
</tr><tr>
<td>2</td><td>59738</td><td>Brady, Zeth</td><td>North</td>
</tr><tr>
<td>3</td><td>33291</td><td>Moore, Nathan</td><td>North</td>
</tr><tr>
<td>4</td><td>30055</td><td>Conty, Montiel</td><td>East</td>
</tr><tr>
<td>5</td><td>61284</td><td>Storr, Mary</td><td>South</td>
</tr><tr>
<td>6</td><td>11533</td><td>Jenssen, Claire</td><td>East</td>
</tr>
</table>
3. JAVASCRIPT
$(document).ready(function () {
$('#tblData1').princeFilter();
});
4. OPTIONS
By default princeFilter assumes your tables contains a header Row (first row). If that is not the case and your table contains no header, you must instantiate princeFilter with the following Parameter:
$('#tbl_Mytable').princeFilter({ containsHeader: false });
Also, the princeFilter orange funnel button is set to an absolute position by default. Some cases may require the button to stay at a fixed position. If you must set it to fixed positioning you can do so by passing the folloiwng Parameter:
$('#tbl_Mytable').princeFilter({ buttonPosition: 'fixed' });
JS Tutorial
