DataTables example Defer rendering

This example simply shows Select being used with DataTables' deferRender option. Deferred rendering can be particularly useful when Ajax loading data as it allows DataTables to perform a number of performance enhancing optimisations.

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() {
    var table = $('#example').DataTable( {
        ajax: '../../../../examples/ajax/data/objects.txt',
        deferRender: true,
        columns: [
            { data: 'name' },
            { data: 'position' },
            { data: 'office' },
            { data: 'extn' },
            { data: 'start_date' },
            { data: 'salary' }
        ],
        select: true
    } );
} );

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

DataTables example Defer rendering

Other examples

Initialisation

Styling

API