The tables presented below use DataTables plugin, the styling of which is completely rewritten in SASS, without modifying however anything in JavaScript.
Bordered Table
The following example shows how a more complex header can be in a table.
Individual Column Searching
Ability to apply searching to a specific column.
Name
Position
Office
Age
Start date
Salary
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
Paul Byrd
Chief Financial Officer (CFO)
New York
64
2010/06/09
$725,000
Gloria Little
Systems Administrator
New York
59
2009/04/10
$237,500
Bradley Greer
Software Engineer
London
41
2012/10/13
$132,000
Dai Rios
Personnel Lead
Edinburgh
35
2012/09/26
$217,500
Jenette Caldwell
Development Lead
New York
30
2011/09/03
$345,000
Yuri Berry
Chief Marketing Officer (CMO)
New York
40
2009/06/25
$675,000
Caesar Vance
Pre-Sales Support
New York
21
2011/12/12
$106,450
Doris Wilder
Sales Assistant
Sidney
23
2010/09/20
$85,600
Angelica Ramos
Chief Executive Officer (CEO)
London
47
2009/10/09
$1,200,000
Gavin Joyce
Developer
Edinburgh
42
2010/12/22
$92,575
Jennifer Chang
Regional Director
Singapore
28
2010/11/14
$357,650
Brenden Wagner
Software Engineer
San Francisco
28
2011/06/07
$206,850
Fiona Green
Chief Operating Officer (COO)
San Francisco
48
2010/03/11
$850,000
Shou Itou
Regional Marketing
Tokyo
20
2011/08/14
$163,000
Michelle House
Integration Specialist
Sidney
37
2011/06/02
$95,400
Suki Burks
Developer
London
53
2009/10/22
$114,500
Prescott Bartlett
Technical Author
London
27
2011/05/07
$145,000
Gavin Cortez
Team Leader
San Francisco
22
2008/10/26
$235,500
Martena Mccray
Post-Sales support
Edinburgh
46
2011/03/09
$324,050
Unity Butler
Marketing Designer
San Francisco
47
2009/12/09
$85,675
Howard Hatfield
Office Manager
San Francisco
51
2008/12/16
$164,500
Hope Fuentes
Secretary
San Francisco
41
2010/02/12
$109,850
Vivian Harrell
Financial Controller
San Francisco
62
2009/02/14
$452,500
Timothy Mooney
Office Manager
London
37
2008/12/11
$136,200
Jackson Bradshaw
Director
New York
65
2008/09/26
$645,750
Olivia Liang
Support Engineer
Singapore
64
2011/02/03
$234,500
Bruno Nash
Software Engineer
London
38
2011/05/03
$163,500
Sakura Yamamoto
Support Engineer
Tokyo
37
2009/08/19
$139,575
Thor Walton
Developer
New York
61
2013/08/11
$98,540
Finn Camacho
Support Engineer
San Francisco
47
2009/07/07
$87,500
Serge Baldwin
Data Coordinator
Singapore
64
2012/04/09
$138,575
Zenaida Frank
Software Engineer
New York
63
2010/01/04
$125,250
Zorita Serrano
Software Engineer
San Francisco
56
2012/06/01
$115,000
Jennifer Acosta
Junior Javascript Developer
Edinburgh
43
2013/02/01
$75,650
Cara Stevens
Sales Assistant
New York
46
2011/12/06
$145,600
Hermione Butler
Regional Director
London
47
2011/03/21
$356,250
Lael Greer
Systems Administrator
London
21
2009/02/27
$103,500
Jonas Alexander
Developer
San Francisco
30
2010/07/14
$86,500
Shad Decker
Regional Director
Edinburgh
51
2008/11/13
$183,000
Michael Bruce
Javascript Developer
Singapore
29
2011/06/27
$183,000
Donna Snider
Customer Support
New York
27
2011/01/25
$112,000
Select2 Column Searching
Ability to apply Select2 searching to a specific column.
Showing 1 to 10 of 57 entries
Name Position Office Age Start date Salary
Name Airi Satou Angelica Ramos Ashton Cox Bradley Greer Brenden Wagner Brielle Williamson Bruno Nash Caesar Vance Cara Stevens Cedric Kelly Charde Marshall Colleen Hurst Dai Rios Donna Snider Doris Wilder Finn Camacho Fiona Green Garrett Winters Gavin Cortez Gavin Joyce Gloria Little Haley Kennedy Hermione Butler Herrod Chandler Hope Fuentes Howard Hatfield Jackson Bradshaw Jena Gaines Jenette Caldwell Jennifer Acosta Jennifer Chang Jonas Alexander Lael Greer Martena Mccray Michael Bruce Michael Silva Michelle House Olivia Liang Paul Byrd Prescott Bartlett Quinn Flynn Rhona Davidson Sakura Yamamoto Serge Baldwin Shad Decker Shou Itou Sonya Frost Suki Burks Tatyana Fitzpatrick Thor Walton Tiger Nixon Timothy Mooney Unity Butler Vivian Harrell Yuri Berry Zenaida Frank Zorita Serrano Name Position Accountant Chief Executive Officer (CEO) Chief Financial Officer (CFO) Chief Marketing Officer (CMO) Chief Operating Officer (COO) Customer Support Data Coordinator Developer Development Lead Director Financial Controller Integration Specialist Javascript Developer Junior Javascript Developer Junior Technical Author Marketing Designer Office Manager Personnel Lead Post-Sales support Pre-Sales Support Regional Director Regional Marketing Sales Assistant Secretary Senior Javascript Developer Senior Marketing Designer Software Engineer Support Engineer Support Lead System Architect Systems Administrator Team Leader Technical Author Position Office Edinburgh London New York San Francisco Sidney Singapore Tokyo Office Age 19 20 21 22 23 27 28 29 30 33 35 36 37 38 39 40 41 42 43 46 47 48 51 53 55 56 59 61 62 63 64 65 66 Age Start date 2008/09/26 2008/10/16 2008/10/26 2008/11/13 2008/11/28 2008/12/11 2008/12/13 2008/12/16 2008/12/19 2009/01/12 2009/02/14 2009/02/27 2009/04/10 2009/06/25 2009/07/07 2009/08/19 2009/09/15 2009/10/09 2009/10/22 2009/12/09 2010/01/04 2010/02/12 2010/03/11 2010/03/17 2010/06/09 2010/07/14 2010/09/20 2010/10/14 2010/11/14 2010/12/22 2011/01/25 2011/02/03 2011/03/09 2011/03/21 2011/04/25 2011/05/03 2011/05/07 2011/06/02 2011/06/07 2011/06/27 2011/07/25 2011/08/14 2011/09/03 2011/12/06 2011/12/12 2012/03/29 2012/04/09 2012/06/01 2012/08/06 2012/09/26 2012/10/13 2012/11/27 2012/12/02 2012/12/18 2013/02/01 2013/03/03 2013/08/11 Start date Salary $1,200,000 $103,500 $103,600 $106,450 $109,850 $112,000 $114,500 $115,000 $125,250 $132,000 $136,200 $137,500 $138,575 $139,575 $145,000 $145,600 $162,700 $163,000 $163,500 $164,500 $170,750 $183,000 $198,500 $205,500 $206,850 $217,500 $234,500 $235,500 $237,500 $313,500 $320,800 $324,050 $327,900 $342,000 $345,000 $356,250 $357,650 $372,000 $385,750 $433,060 $452,500 $470,600 $645,750 $675,000 $725,000 $75,650 $85,600 $85,675 $850,000 $86,000 $86,500 $87,500 $90,560 $92,575 $95,400 $98,540 Salary
Airi Satou
Accountant
Tokyo
33
2008/11/28
$162,700
Angelica Ramos
Chief Executive Officer (CEO)
London
47
2009/10/09
$1,200,000
Ashton Cox
Junior Technical Author
San Francisco
66
2009/01/12
$86,000
Bradley Greer
Software Engineer
London
41
2012/10/13
$132,000
Brenden Wagner
Software Engineer
San Francisco
28
2011/06/07
$206,850
Brielle Williamson
Integration Specialist
New York
61
2012/12/02
$372,000
Bruno Nash
Software Engineer
London
38
2011/05/03
$163,500
Caesar Vance
Pre-Sales Support
New York
21
2011/12/12
$106,450
Cara Stevens
Sales Assistant
New York
46
2011/12/06
$145,600
Cedric Kelly
Senior Javascript Developer
Edinburgh
22
2012/03/29
$433,060
Alternative Pagination
The following example show combinations in different ways.
Name Position Office Age Start date Salary
Name Position Office Age Start date Salary
Garrett Winters
Accountant
Tokyo
63
2011/07/25
$170,750
Airi Satou
Accountant
Tokyo
33
2008/11/28
$162,700
Rhona Davidson
Integration Specialist
Tokyo
55
2010/10/14
$327,900
Shou Itou
Regional Marketing
Tokyo
20
2011/08/14
$163,000
Sakura Yamamoto
Support Engineer
Tokyo
37
2009/08/19
$139,575
Jennifer Chang
Regional Director
Singapore
28
2010/11/14
$357,650
Olivia Liang
Support Engineer
Singapore
64
2011/02/03
$234,500
Serge Baldwin
Data Coordinator
Singapore
64
2012/04/09
$138,575
Michael Bruce
Javascript Developer
Singapore
29
2011/06/27
$183,000
Doris Wilder
Sales Assistant
Sidney
23
2010/09/20
$85,600
