Prince Filter JQuery Plugin

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' });