-
Main
- Dashboard No active orders
- Layouts
- Themes
- Starter kit
- Changelog2.0
- RTL version
-
Forms
- Form components
- JSON forms
- Text editors
- Pickers
- Form layouts
-
Components
- Basic components
- Content styling
- Extra components
- Color system
- Animations
- Icons
-
Layout
- Page layouts
- Sidebars
- Navbars
- Vertical navigation
- Horizontal navigation
- Menu levels
-
Data visualization
- Echarts library
- D3 library
- Dimple library
- C3 library
- Google charts
- Maps integration
-
Extensions
- Extensions
- JQuery UI
- File uploaders
- Event calendars
- Internationalization
-
Tables
- Basic tables
- Data tables
- Data tables extensions
- Handsontable
- Responsive tables
-
Page kits
- General pages
- Service pages
- User pages
- Application pages
- Widgets
The
DataTables
is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML 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. Searching, ordering, paging etc goodness will be immediately added to the table, as shown in this example. Datatables support all available table styling.
First Name | Last Name | Job Title | DOB | Status | Actions |
---|---|---|---|---|---|
Aura | Hard | Business Services Sales Representative | 19 Apr 1969 | Suspended | |
Chantal | Nailor | Technical Services Librarian | 10 Jan 1980 | Inactive | |
Cicely | Sigler | Senior Research Officer | 15 Mar 1960 | Pending | |
Coy | Wollard | Customer Service Operator | 12 Oct 1982 | Active | |
Delma | Bonds | Lead Brand Manager | 21 Dec 1968 | Pending | |
Jackelyn | Weible | Airline Transport Pilot | 3 Oct 1981 | Inactive | |
Kennedy | Haley | Senior Marketing Designer | 18 Dec 1960 | Active | |
Lizzee | Goodlow | Technical Services Librarian | 1 Nov 1961 | Suspended | |
Marth | Enright | Traffic Court Referee | 22 Jun 1972 | Active | |
Maxine | Woldt | Business Services Sales Representative | 17 Oct 1987 | Pending |
The default page control (forward and backward buttons with up to 7 page numbers in-between) is fine for most situations, but in some cases you may wish to customise the options presented to the end user. This is done through DataTables' extensible pagination mechanism, the
pagingType
option. Supported pagination types are: simple
, simple_numbers
, full
and full_numbers
. This example shows simple
pagination type.
First Name | Last Name | Job Title | DOB | Status | Actions |
---|---|---|---|---|---|
Aura | Hard | Business Services Sales Representative | 19 Apr 1969 | Suspended | |
Chantal | Nailor | Technical Services Librarian | 10 Jan 1980 | Inactive | |
Cicely | Sigler | Senior Research Officer | 15 Mar 1960 | Pending | |
Coy | Wollard | Customer Service Operator | 12 Oct 1982 | Active | |
Delma | Bonds | Lead Brand Manager | 21 Dec 1968 | Pending | |
Jackelyn | Weible | Airline Transport Pilot | 3 Oct 1981 | Inactive | |
Kennedy | Haley | Senior Marketing Designer | 18 Dec 1960 | Active | |
Lizzee | Goodlow | Technical Services Librarian | 1 Nov 1961 | Suspended | |
Marth | Enright | Traffic Court Referee | 22 Jun 1972 | Active | |
Maxine | Woldt | Business Services Sales Representative | 17 Oct 1987 | Pending |
DataTables has the option of being able to
save the state
of a table: its paging position, ordering state etc., so that is can be restored when the user reloads a page, or comes back to the page after visiting a sub-page. This state saving ability is enabled by the stateSave
option. The duration
for which the saved state is valid can be set using the stateDuration
initialisation parameter (2 hours by default).
First Name | Last Name | Job Title | DOB | Status | Actions |
---|---|---|---|---|---|
Aura | Hard | Business Services Sales Representative | 19 Apr 1969 | Suspended | |
Chantal | Nailor | Technical Services Librarian | 10 Jan 1980 | Inactive | |
Cicely | Sigler | Senior Research Officer | 15 Mar 1960 | Pending | |
Coy | Wollard | Customer Service Operator | 12 Oct 1982 | Active | |
Delma | Bonds | Lead Brand Manager | 21 Dec 1968 | Pending | |
Jackelyn | Weible | Airline Transport Pilot | 3 Oct 1981 | Inactive | |
Kennedy | Haley | Senior Marketing Designer | 18 Dec 1960 | Active | |
Lizzee | Goodlow | Technical Services Librarian | 1 Nov 1961 | Suspended | |
Marth | Enright | Traffic Court Referee | 22 Jun 1972 | Active | |
Maxine | Woldt | Business Services Sales Representative | 17 Oct 1987 | Pending |
This example shows the DataTables table body
scrolling
in the vertical
direction. This can generally be seen as an alternative method to pagination for displaying a large table in a fairly small vertical area, and as such pagination has been disabled here. Note that this is not mandatory, it will work just fine with pagination enabled as well!.
First Name | Last Name | Job Title | DOB | Status | Actions |
---|
First Name
|
Last Name
|
Job Title
|
DOB
|
Status
|
Actions
|
---|---|---|---|---|---|
Aura | Hard | Business Services Sales Representative | 19 Apr 1969 | Suspended | |
Chantal | Nailor | Technical Services Librarian | 10 Jan 1980 | Inactive | |
Cicely | Sigler | Senior Research Officer | 15 Mar 1960 | Pending | |
Coy | Wollard | Customer Service Operator | 12 Oct 1982 | Active | |
Delma | Bonds | Lead Brand Manager | 21 Dec 1968 | Pending | |
Jackelyn | Weible | Airline Transport Pilot | 3 Oct 1981 | Inactive | |
Kennedy | Haley | Senior Marketing Designer | 18 Dec 1960 | Active | |
Lizzee | Goodlow | Technical Services Librarian | 1 Nov 1961 | Suspended | |
Marth | Enright | Traffic Court Referee | 22 Jun 1972 | Active | |
Maxine | Woldt | Business Services Sales Representative | 17 Oct 1987 | Pending |
© 2015 - 2018. Limitless Web App Kitby Eugene Kopyov