Cell Editing

Cell editing can be achieved by creating custom cell renderers.

In this demo we create a custom cell component which:

1. Renders a read-only cell
2. Listens to double click
3. On click, renders an edit cell
4. As the user types the edit state is kept internal to the cell. If the user presses enter it is commited via onCommit which updates the data. If the user presses Escape the changes are cancelled.
5. The cell then returns the read-only mode

View Source