Preamble

This example is completely artificial in that the data generated is created on the client-side by just looping around a Javascript array and then passing that to DataTables. However, it does show quite nicely that DataTables and Scroller can cope with large amounts of data on the client-side quite nicely. Typically data such as this would be Ajax sourced and server-side processing should be considered. Please be aware that the performance of this page will depend on your browser - for example IE6 will crawl!

Live example

Initialisation code

$(document).ready(function() {
	var aaData = [];
	for ( var i=1 ; i<50000 ; i++ ) {
		aaData.push( [ i, i, i, i, i ] );
	}
	
	var oTable = $('#example').dataTable( {
		"sScrollY": "200px",
		"aaData": aaData,
		"sDom": "frtiS",
		"bDeferRender": true
	} );
} );

Other examples