DataTables logo DataTables

Features

By default the majority of features that DataTables provides are enabled, such that a richly interactive table is presented to end users. However, you may wish to disable various features to customise DataTables to your specific application. This is possible using the following initialisation parameters.

bAutoWidth
Show details 		Enable or disable automatic column width calculation. This can be disabled as an optimisation (it takes some time to calculate the widths) if the tables widths are passed in using aoColumns.
Default: true
Type: Boolean
Code example: 
$(document).ready( function () {
	$('#example').dataTable( {
		"bAutoWidth": false
	} );
} );
bFilter
Show details 		Enable or disable filtering of data. Note that filtering in DataTables is smart in that it allows the end user to input multiple words (space separated) and will match a row containing those words, even if not in the order that was specified (this allow matching across multiple columns).
Default: true
Type: Boolean
Code example: 
$(document).ready( function () {
	$('#example').dataTable( {
		"bFilter": false
	} );
} );
bInfo
Show details 		Enable or disable the table information display. This shows information about the data that is currently visible on the page, including information about filtered data if that action is being performed.
Default: true
Type: Boolean
Code example: 
$(document).ready( function () {
	$('#example').dataTable( {
		"bInfo": false
	} );
} );
bJQueryUI
Show details 		Enable jQuery UI ThemeRoller support (required as ThemeRoller requires some slightly different and additional mark-up from what DataTables has traditionally used).
Default: false
Type: Boolean
Code example: 
$(document).ready( function() {
	$('#example').dataTable( {
		"bJQueryUI": true
	} );
} );
bLengthChange
Show details 		Allows the end user to select the size of a formatted page from a select menu (sizes are 10, 25, 50 and 100). Requires pagination (bPaginate).
Default: true
Type: Boolean
Code example: 
$(document).ready( function () {
	$('#example').dataTable( {
		"bLengthChange": false
	} );
} );
bPaginate
Show details 		Enable or disable pagination.
Default: true
Type: Boolean
Code example: 
$(document).ready( function () {
	$('#example').dataTable( {
		"bPaginate": false
	} );
} );
bProcessing
Show details 		Enable or disable the display of a 'processing' indicator when the table is being processed (e.g. a sort). This is particularly useful for tables with large amounts of data where it can take a noticeable amount of time to sort the entries.
Default: false
Type: Boolean
Code example: 
$(document).ready( function () {
	$('#example').dataTable( {
		"bProcessing": true
	} );
} );
bSort
Show details 		Enable or disable sorting of columns. Sorting of individual columns can be disabled by the "bSortable" option for each column.
Default: true
Type: Boolean
Code example: 
$(document).ready( function () {
	$('#example').dataTable( {
		"bSort": false
	} );
} );
bSortClasses
Show details 		Enable or disable the addition of the classes 'sorting_1', 'sorting_2' and 'sorting_3' to the columns which are currently being sorted on. This is presented as a feature switch as it can increase processing time (while classes are removed and added) so for large data sets you might want to turn this off.
Default: true
Type: Boolean
Code example: 
$(document).ready( function () {
	$('#example').dataTable( {
		"bSortClasses": false
	} );
} );
bStateSave
Show details 		Enable or disable state saving. When enabled a cookie will be used to save table display information such as pagination information, display length, filtering and sorting. As such when the end user reloads the page the display display will match what thy had previously set up.
Default: false
Type: Boolean
Code example: 
$(document).ready( function () {
	$('#example').dataTable( {
		"bStateSave": true
	} );
} );