DataTables example Multiple tables

Often you might wish to initialise multiple tables with a single statement. This is trivially done by using a jQuery selector which will pick up multiple tables.

The tables are independent for user control (i.e. user controlled paging on one table does not effect the others), but they do share the initialisation parameters given (for example if you specific the Spanish language file, all tables will be shown in Spanish). Additionally, the API can be used to manipulate both together, or independently.

The example below shows two tables initialised with a single line of code, through the use of the table.display selector (i.e. select all elements which have the class of table.display (which is suitable in this example, you might wish to use a different selector).

NamePositionOfficeAgeSalary
NamePositionOfficeAgeSalary
Cedric Kelly Senior Javascript Developer Edinburgh 22 $433,060
Dai Rios Personnel Lead Edinburgh 35 $217,500
Gavin Joyce Developer Edinburgh 42 $92,575
Jennifer Acosta Junior Javascript Developer Edinburgh 43 $75,650
Martena Mccray Post-Sales support Edinburgh 46 $324,050
Quinn Flynn Support Lead Edinburgh 22 $342,000
Shad Decker Regional Director Edinburgh 51 $183,000
Sonya Frost Software Engineer Edinburgh 23 $103,600
Tiger Nixon System Architect Edinburgh 61 $320,800
Showing 1 to 9 of 9 entries
NamePositionOfficeAgeSalary
NamePositionOfficeAgeSalary
Angelica Ramos Chief Executive Officer (CEO) London 47 $1,200,000
Bradley Greer Software Engineer London 41 $132,000
Bruno Nash Software Engineer London 38 $163,500
Haley Kennedy Senior Marketing Designer London 43 $313,500
Hermione Butler Regional Director London 47 $356,250
Jena Gaines Office Manager London 30 $90,560
Lael Greer Systems Administrator London 21 $103,500
Michael Silva Marketing Designer London 66 $198,500
Prescott Bartlett Technical Author London 27 $145,000
Suki Burks Developer London 53 $114,500
Showing 1 to 10 of 12 entries

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

1
2
3
$(document).ready(function() {
    $('table.display').dataTable();
} );

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