| 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 |
| ID | Loginname | Emp ID | Full Name | Department | Status | Phone | Action |
|---|---|---|---|---|---|---|---|
| 1 | nassiratik | 1860 | Nasiri Atik Omari | Unknown | Active | 00966555620127 | |
| 2 | s.alateeqi | 3401 | Saud Khalid Al Ateeqi | Unknown | Inactive/Suspended | 00966555620127 | |
| 3 | m.basaysay | 2947 | Marlon Baliza Basaysay | Unknown | Active | (050) 851-2238 | |
| 4 | developer1 | 4346 | Weblink Developer 1 | Unknown | Active | (050) 851-2238 | |
| 11 | khalthalabi | 3075 | Khalid Hussain Al Thalabi | Unknown | Active | 0566306115 | |
| 12 | hmarhabi | 1843 | Husin Mohammed Al Marhabi | Unknown | Active | 0509614023 | |
| 13 | salomari | 1355 | Senan Al Omari | Unknown | Active | 0509614006 | |
| 14 | zhossain | 1348 | Zakir Hossain | Unknown | Active | 0559609854 | |
| 15 | srana | 420 | Shiva Rana Dirgha Bahadur | Unknown | Active | 0536254033 | |
| 16 | m.roomi | 246 | Mohamed Roomi Mohamed Raffaideen | Unknown | Active | 0503584172 |
Scroll - Horizontal
DataTables has the ability to show tables with horizontal scrolling, which is very useful for when you have a wide table, but want to constrain it to a limited horizontal display area.
| First name | Last name | Position | Office | Age | Start date | Salary | Extn. | |
|---|---|---|---|---|---|---|---|---|
| Tiger | Nixon | System Architect | Edinburgh | 61 | 2011/04/25 | $320,800 | 5421 | t.nixon@datatables.net |
| Garrett | Winters | Accountant | Tokyo | 63 | 2011/07/25 | $170,750 | 8422 | g.winters@datatables.net |
Basic Data Table
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 |
|---|---|---|---|---|---|
| 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 |
| Jquery Toast | |
|---|---|
| Info Example | |
| Warning Example | |
| Success Example | |
| Danger Example | |
| The text can be an array | |
| Put some HTML in the text | |
| Making them sticky | |
| Fade transitions | |
| Slide up and down transitions | |
| Simple show from and hide to corner transition |
