Since: KeyTable 2.0.0

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


Allowing the end user to visually identify which cell has focus is obviously fundamentally important to KeyTable's abilities, and this is done by adding 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.




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


  • Value: focus

Focus can be removed from the table


Set the class name of the focused cells:

new DataTable('#myTable', {
	keys: {
		className: 'highlight'