{hero}

info

Since: DataTables 2.0

Table information display.

Description

This feature displays a text element next to the table that gives the end user information about what is being shown in the table. This is particularly useful when paging is enabled in the table, and also for search to give the end user context of what is shown in the table and what is available.

The info feature can be disabled completely using the info option or by excluding it from the layout options (which is the preferred method as of DataTables 2).

Examples

Disable information display with default layout:

new DataTable('#myTable', {
	layout: {
		bottomStart: null
	}
});

Show information display top left:

new DataTable('#myTable', {
	layout: {
		topStart: 'info',
		bottomStart: null
	}
});

Show information display with options:

new DataTable('#myTable', {
	layout: {
		bottomStart: {
			info: {
				text: 'Table dislay: _START_ to _END_ of _TOTAL_ records'
			}
		}
	}
});

Related

The following options are directly related and may also be useful in your application development.