keys.className

Since: KeyTable KeyTable 2.0.0

Set the class name used for the focused cell. Please note - this property requires the KeyTable extension for DataTables.

Description

Allowing the end user to visually identify which cell has focus is obviously fundamentally important to KeyTable's abilities, and this is done by added a class to the focused cell. This class can then be styled using CSS to visually highlight the cell. The CSS outline property is useful for this, and is the styling option used by the KeyTable default stylesheet.

This property can be used to alter the class name used to show cell focus.

Type

string

Description:

The class name to be added and removed from cells as they gain and loose focus.

Default

  • Value: focus

Focus can be removed from the table

Example

Set the class name of the focused cells:

$('#myTable').DataTable( {
	keys: {
		className: 'highlight'
	}
} );