TableTools example Ajax loaded data

This TableTools example shows DataTables using its ability to Ajax load object based data and operate in exactly the same manner as when the data is read directly from the document.

Show entries

Search:

Name	Position	Office	Extn.	Start date	Salary
Name	Position	Office	Extn.	Start date	Salary
Loading...

Showing 0 to 0 of 0 entries

PreviousNext

Javascript
HTML
CSS
Ajax
Server-side script

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'T<"clear">lfrtip',
        "ajax": "../../../../examples/ajax/data/objects.txt",
        "columns": [
            { "data": "name" },
            { "data": "position" },
            { "data": "office" },
            { "data": "extn" },
            { "data": "start_date" },
            { "data": "salary" }
        ],
        deferRender: true
    } );
} );

In addition to the above code, the following Javascript library files are loaded for use in this example:

TableTools example Ajax loaded data

Other examples

Examples