• Share

Table with keyboard navigation using jQuery

Free Website

KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table. With KeyTable Excel style table navigation can be employed to provide features such as editing of a table without requiring a mouse. As a further bonus, KeyTable integrates seamlessly with DataTables.

How it works: the table is editable through keyboard navigation. Simply navigate to the cell you wish to edit and hit return. This initialises the excellent jEditable plug-in for jQuery – make your edit and then hit return again to save.

KeyTable using jQuery

KeyTable using jQuery

Resource: Sample | Tutorial

Related posts:

  1. Fancy Navigation – jQuery & CSS
  2. jQuery Fixed Table Header Plugin
  3. Create Vimeo-like top navigation – CSS
  4. Drag and drop table content with JavaScript
  5. Smooth Navigational Menu – jQuery & CSS

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>