Sortable Tables

Sortable features for default tables

DataTables

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

Add class .table-sortableto table to get zero configuration.

Name	Position	Office	Age	Start date	Salary
Tiger Nixon	System Architect	Edinburgh	61	2011/04/25	$320,800
Garrett Winters	Accountant	Tokyo	63	2011/07/25	$170,750
Ashton Cox	Junior Technical Author	San Francisco	66	2009/01/12	$86,000
Cedric Kelly	Senior Javascript Developer	Edinburgh	22	2012/03/29	$433,060
Airi Satou	Accountant	Tokyo	33	2008/11/28	$162,700
Brielle Williamson	Integration Specialist	New York	61	2012/12/02	$372,000
Herrod Chandler	Sales Assistant	San Francisco	59	2012/08/06	$137,500
Rhona Davidson	Integration Specialist	Tokyo	55	2010/10/14	$327,900
Colleen Hurst	Javascript Developer	San Francisco	39	2009/09/15	$205,500
Sonya Frost	Software Engineer	Edinburgh	23	2008/12/13	$103,600
Jena Gaines	Office Manager	London	30	2008/12/19	$90,560
Quinn Flynn	Support Lead	Edinburgh	22	2013/03/03	$342,000
Charde Marshall	Regional Director	San Francisco	36	2008/10/16	$470,600
Haley Kennedy	Senior Marketing Designer	London	43	2012/12/18	$313,500
Tatyana Fitzpatrick	Regional Director	London	19	2010/03/17	$385,750
Michael Silva	Marketing Designer	London	66	2012/11/27	$198,500

Sortable

Add attribute data-sortableto table to get simple sortable table.

#	Name	Birthday	Grocery item	Price	Version	Filesize
1	Gonzo the Great	12-2-70	Radishes	$0.63	31.0.1650.57	124k
2	Ernie	10/11/69	Fish	$12.09	11.0.1	134.56 GB
3	Bert	10/11/1969	Broccoli	$0.79	18.0.1284.49	134 B
4	Cookie Monster	1/09/1966	Oreo cookies	$2.78	3.0.0	4.13 TiB
5	Kermit	12-05-1955	Granola	$4.73	3.0.9	12 YB
6	Sam the Eagle	04/07/75	Corn dog	$5.50	3.1.2	19.4 K