Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Provides spreadsheet like navigation and event control for an HTML table
JavaScript Shell CSS
Branch: master


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


To use KeyTable, first download DataTables ( ) and place the unzipped KeyTable package into a extensions directory in the DataTables package. This will allow the pages in the examples to operate correctly. To see the examples running, open the examples directory in your web-browser.

Basic usage

KeyTable is initialised using the C option that it adds to DataTables' dom option. For example:

$(document).ready( function () {
    var table = $('#example').DataTable();
    new $.fn.dataTable.KeyTable( table );
} );

Documentation / support


If you fancy getting involved with the development of KeyTable and help make it better, please refer to its GitHub repo:

Something went wrong with that request. Please try again.