DataTables multiple tables example

Preamble

Using standard jQuery selector syntax with DataTables it is trivial to initialise multiple tables with a single line of Javascript, as shown below. All tables are completely independent, but share the parameters passed thought the initialiser object (for example if you specific the Spanish language file, all tables will be shown in Spanish).

Live example

Trident based browsers

BrowserPlatform(s)Engine versionCSS grade
AOL browser (AOL desktop) Win XP 6 A
Internet Explorer 4.0 Win 95+ 4 X
Internet Explorer 5.0 Win 95+ 5 C
Internet Explorer 5.5 Win 95+ 5.5 A
Internet Explorer 6 Win 98+ 6 A
Internet Explorer 7 Win XP SP2+ 7 A
Showing 1 to 6 of 6 entries

Gecko based browsers

BrowserPlatform(s)Engine versionCSS grade
Camino 1.0 OSX.2+ 1.8 A
Camino 1.5 OSX.3+ 1.8 A
Epiphany 2.20 Gnome 1.8 A
Firefox 1.0 Win 98+ / OSX.2+ 1.7 A
Firefox 1.5 Win 98+ / OSX.2+ 1.8 A
Firefox 2.0 Win 98+ / OSX.2+ 1.8 A
Firefox 3.0 Win 2k+ / OSX.3+ 1.9 A
Mozilla 1.0 Win 95+ / OSX.1+ 1 A
Mozilla 1.1 Win 95+ / OSX.1+ 1.1 A
Mozilla 1.2 Win 95+ / OSX.1+ 1.2 A
Showing 1 to 10 of 20 entries

WebKit based browsers (note no platform)

BrowserEngine versionCSS grade
iPod Touch / iPhone 420.1 A
OmniWeb 5.5 420 A
S60 413 A
Safari 1.2 125.5 A
Safari 1.3 312.8 A
Safari 2.0 419.3 A
Safari 3.0 522.1 A
Showing 1 to 7 of 7 entries

Initialisation code

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

Other examples