DataTable Quick Edit was developed by John Lindal. This was originally a concept for Yahoo! APT by Neal Sainani.

Quick Edit

A demonstration of switching DataTable into Quick Edit mode. When the table first loads, it displays the normal way. When it switches to Quick Edit mode, the editable colums are filled with input fields. getQuickEditChanges() returns the changed values for efficiently saving the updates.

In Quick Edit mode, hold down the Control key and press the up or down arrow keys to move within a column.

To test validation, try entering John Lindal as the author, anything other than 4 digits for the date, and anything other than a positive integer for the quantity.