Tips  - This is a demonstrator, the DATA will NOT be SAVED on the database server side. On the next request of the same candidate, you will get the original value.

- Keyfield(s) - here the Candidate ID - column is set to be not editable. You can change this behaviour in the xml head template. Many more options, like having a "read-only" grid are available in the xml head template and JsGridContant.js file.

- Press "ESC" to cancel cell change. Press "F2" to keep original cell content before editing it.

- Cell edition respect the column type. For example "integer" type only allow numeric value.

- Retype the original cell value to withdraw the row change (saving icon will be disable).

- Select two (or more) rows in the same grid with the keyboard shift/control key.

- Move the current row/cell selection in the grid with the keyboard arrow key.

- You can increase/decrease the column width simply by dragging the top right column area.

* Opera, Chrome and Safari are not supporting the demo since it was made for standalone installation on your localhost using XSL to replicate the server side SQL database query (filtering, sorting, etc). It will work perfectly in those browser once the grid is connect to a real database back-end.