Craig Clifford craigclifford
josheinstein
/ index.html
Created
March 5, 2013 18:24
A CodePen by Josh Einstein. Keyboard Navigation in Table Cells - Uses jQuery to enable arrow key functionality in tables. Pressing up/down/left/right in input fields will move focus to adjacent cells. Doesn't currently deal with column spans or custom input scenarios such as on-the-fly input fields.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <table id="people"> | |
| <thead> | |
| <th>First Name</th> | |
| <th>Last Name</th> | |
| <th>Phone Number</th> | |
| <th>Location</th> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td><input /></td> |