NOTE!

Demo

filter_startsWith : false (if true, search from beginning of cell content only)
filter_ignoreCase : true (if false, the search will be case sensitive)
First Name Last Name Age Total Discount Date
Philip Aaron Johnson Sr Esq 25 $5.95 22% Jun 26, 2004 7:22 AM
Aaron Hibert 12 $2.99 5% Aug 21, 2009 12:21 PM
Brandon Clark Henry Jr 51 $42.29 18% Oct 13, 2000 1:15 PM
Peter Parker 28 $9.99 20% Jul 6, 2006 8:14 AM
John Hood 33 $19.99 25% Dec 10, 2002 5:14 AM
Clark Kent Sr. 18 $15.89 44% Jan 12, 2003 11:14 AM
Bruce Almighty Esq 45 $153.19 44% Jan 18, 2021 9:12 AM
Alex Dumass 13 $5.29 4% Jan 8, 2012 5:11 PM
Jim Franco 24 $14.19 14% Jan 14, 2004 11:23 AM
Bruce Lee Evans 22 $13.19 11% Jan 18, 2007 9:12 AM
Brenda Lee McMasters 18 $55.20 15% Feb 12, 2010 7:23 PM
Dennis Bronson 65 $123.00 32% Jan 20, 2001 1:12 PM
Martha delFuego 25 $22.09 17% Jun 11, 2011 10:55 AM

Page Header

<!-- blue theme stylesheet -->
<link rel="stylesheet" href="../css/blue/style.css">
<!-- tablesorter plugin -->
<script src="../js/jquery.tablesorter.js"></script>

<!-- tablesorter widget file - loaded after the plugin -->
<script src="../js/jquery.tablesorter.widgets.js"></script>

Javascript


	

CSS

/* filter widget, added to style.css themes */
table.tablesorter thead tr.filters input {
	width: 95%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table.tablesorter thead tr.filters, table.tablesorter thead tr.filters td {
	text-align: center;
	background: #fff;
}
/* optional disabled input styling */
table.tablesorter thead tr.filters input.disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

HTML


	

Next up: jQuery filter widget, advanced ››