Admindek | Admin Template

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

John Doe

Joseph William

Sara Soudein

Ajax DataTable

Ajax Data Source (Arrays)

Ajax Data Source (Objects)

Nested Object Data (objects)

Orthogonal Data

Generated Content For A Column

Deferred Rendering For Speed