jQuery DataTables

jQuery DataTables

DataTables has most features enabled by default, so all you need to do to use it with one of your own tables is to call the construction function (as shown below).

$(document).ready(function() {
	$('#tblMain').dataTable();
} );
Symbol Last Date Change Percent High Low Volume
AAPL 630.83 8/15/2012 -0.86 -0.14 634.00 627.75 9,196,754
BA 73.07 8/15/2012 -0.30 -0.41 73.65 72.75 3,278,123
HPQ 19.29 8/15/2012 -0.07 -0.36 19.40 19.18 10,989,072
IBM 198.40 8/15/2012 +0.11 +0.06 199.33 197.92 2,111,828
INTC 26.27 8/15/2012 -0.21 -0.79 26.47 26.19 26,081,908
GE 20.96 8/15/2012 +0.02 +0.10 21.03 20.79 28,870,220
GOOG 667.54 8/15/2012 -1.12 -0.17 674.25 664.10 2,411,100
MSFT 30.20 8/15/2012 +0.07 +0.23 30.28 30.02 24,351,640
MRK 44.06 8/15/2012 -0.35 -0.79 44.38 44.00 7,450,638
PFE 24.04 8/15/2012 +0.06 +0.25 24.18 23.97 17,845,206
T 37.10 8/15/2012 -0.15 -0.40 37.27 36.97 21,047,176
VZ 44.19 8/15/2012 -0.14 -0.32 44.32 43.96 7,008,264
Symbol Last Date Change Percent High Low Volume