Preamble

The state saving storage method that is built into DataTables makes use of cookies for compatibility with all browsers. However, cookies have a number of disadvantagies such as requiring increased HTTP bandwidth and a 4K limit. The W3C Web Storage specification defines localStorage as a local storage method which we can use in DataTables to store state without the inherent issues in using cookies.

This example shows the use of fnStateSave and fnStateLoad to very simply store the table state in localStorage and then load it back again when needed.

Live example

Initialisation code

$(document).ready(function() {
	$('#example').dataTable( {
		"bStateSave": true
	} );
} );

Other examples