Data Table
Default Datatable
DataTables has most features enabled by default, so all you need to do to use it with your own
tables is to call the construction function: $().DataTable();.
| Name | Position | Office | Age | Start date | Salary | Action |
|---|---|---|---|---|---|---|
| Tiger Nixon | System Architect | Edinburgh | 61 | $3674.55 | $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 | Personnel Lead | New York | 30 | 2011-09-03 | $345,000 | |
| Yuri Berry | Development Lead | 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 | Sydney | 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 |
Row Border Bottom Example
DataTables has most features enabled by default, so all you need to do to use it with your own
ables is to call the construction function: $().DataTable(); and border bottom
| Name | Position | Office | Age | Start date | Salary |
|---|---|---|---|---|---|
Tiger Nixon |
System Architect | Edinburgh | 61 | $3674.55 | $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 |
|
HK
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 |
|
BG
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 | Sydney | 23 | 2010-09-20 | $85,600 |
|
AR
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 | Sydney | 37 | 2011-06-02 | $95,400 |
Buttons Example
The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. The core library provides the based framework upon which plug-ins can be built.
| Currency Code | Currency | Price | High | Low | Change |
|---|---|---|---|---|---|
| EUR | Euro | $62341.87 | $7689.67 | $4843.55 |
25.8% |
| JPY | Japanese Yen | $9875.87 | $4689.67 | $3674.55 |
64.8% |
| GBP | Pound | $8740.87 | $8561.67 | $6324.55 |
24.0% |
| CHF | Swiss | $5896.87 | $3902.67 | $4674.55 |
15.3% |
| CAD | Canadian Doallar | $4789.87 | $2982.67 | $254.55 |
0.05% |
| AUD | Australian Doallar | $5672.87 | $7512.67 | $6314.55 |
0.20% |
| NZD | New Zealand Doallar | $5672.87 | $7512.67 | $3531.55 |
0.36% |
| SEK | Swedish Króna | $8652.87 | $8062.67 | $2421.55 |
0.16% |
| NOK | Norwegian Krona | $5652.87 | $5062.67 | $3424.55 |
0.8% |
| BRL | Brazilian Real | $4652.87 | $54762.67 | $4634.55 |
0.09% |
| CNY | Chinese Yuan | $6572.87 | $5592.67 | $4374.55 |
0.04% |
| RUB | Russian Rouble | $4893.87 | $2892.67 | $2774.55 |
0.59% |
| INR | Indian Rupee | $8343.87 | $8976.67 | $6844.55 |
0.28% |
| TRY | New Turkish Liran | $7356.87 | $2563.67 | $4685.55 |
0.23% |
| THB | Thai Baht | $3836.87 | $2563.67 | $2352.55 |
0.25% |
| IDR | indonesian Ringgit | $2482.87 | $2563.67 | $2032.55 |
0.13% |
| MYR | Malaysian Ringgit | $3932.87 | $4632.67 | $3722.55 |
0.18% |
| MXN | Mexican New Peso | $3932.87 | $4632.67 | $2312.55 |
0.18% |
| ARS | Argentiniam Peso | $2792.21 | $2724.13 | $2074.55 |
0.12% |
| DKK | Danish Krone | $6544.75 | $5466.78 | $3252.55 |
0.54% |
Row Created Callback Example
The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page that will interact with a DataTable. The core library provides the based framework upon which plug-ins can be built.
| Name | Position | Office | Age | Start date | Salary |
|---|---|---|---|---|---|
| Tiger Nixon | System Architect | Edinburgh | 61 | $3674.55 | $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 | Sydney | 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 | Sydney | 37 | 2011-06-02 | $95,400 |
Child Rows Example
The DataTables API has a number of methods for attaching child rows to a parent row in the DataTable. This can be used to show additional information about a row, useful for cases where you wish to convey more information about a row than there is space for in the host table.
| Name | Position | Office | Salary |
|---|