Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Generic placeholder image
Ajax DataTable

Real Power Of DataTables

Ajax Data Source (Arrays)
The example below shows DataTables loading data for a table from arrays as the data source, where the structure of the row's data source in this example is:
Name Position Office Extn. Start date Salary
Name Position Office Extn. Start date Salary
Ajax Data Source (Objects)
The example below shows DataTables loading data for a table from arrays as the data source, where the structure of the row's data source in this example is:
Name Position Office Extn. Start date Salary
Name Position Office Extn. Start date Salary
Nested Object Data (objects)
The example below shows DataTables loading data for a table from arrays as the data source, where the structure of the row's data source in this example is:
Name Position Office Extn. Start date Salary
Name Position Office Extn. Start date Salary
Orthogonal Data
In this example the Ajax source returns an array of objects, which DataTables uses to display the table. The structure of the row's data source in this example is:
Name Position Office Extn. Start date Salary
Name Position Office Extn. Start date Salary
Generated Content For A Column
In some tables you might wish to have some content generated automatically.
Name Position Office Extn. Start date Salary
Name Position Office Extn. Start date Salary
Deferred Rendering For Speed
The example below shows DataTables with deferred rendering enabled. For this small example you'll likely notice no difference, but larger tables can benefit significantly from simply enabling this parameter.
Name Position Office Extn. Start date Salary
Name Position Office Extn. Start date Salary

  • Material able Customizer

    Live customizer with tons of options

  • Main layouts

  •       

  • Menu Type

  • SideBar Effect

  • Hide/Show Border

  • Drop-Down Icon

  • Sub Menu Drop-down Icon