DataTables

KeyTable provides enhanced accessibility and navigation options for DataTables enhanced tables, by allowing Excel like cell navigation on any table. Events (focus, blur, action etc) can be assigned to individual cells, columns, rows or all cells to allow advanced interaction options.. Key features include:

• Easy to use spreadsheet like interaction
• Fully integrated with DataTables
• Wide range of supported events
• Works without DataTables if you just want a plain table

Ready? Let's go! Initialising KeyTable with DataTables:

/*
 * Example initialisation
 */
$(document).ready( function () {
	var oTable = $('#example').dataTable();
	
	var keys = new KeyTable( {
		"table": document.getElementById('example'),
		"datatable": oTable
	} );
} );