Lead: Liav Nadler
| Status | ||||
|---|---|---|---|---|
|
| Table of Contents |
|---|
Description
An editable table is a /wiki/spaces/UX/pages/283051242 in which the user can edit data inside a row, without the need to navigate to a separate page, a panel or a popup.
...
Basic Flow
An editable table is similar to a basic table, with the exceptions described below:
Clicking the edit icon in any row:
Selects that row (if not already selected)
Changes all relevant cells of that row to input fields (this may include text fields, dropdown menus, spinners, date pickers etc.)
Replaces all action icons with two icons: confirm (V) and cancel (X)
The user can enter or update any input field, in any order
When done the user can click on one of the two icons:
Clicking the confirm icon changes all input fields back to text, with the updated values
Clicking the cancel icon changes all input fields back to text, with the previous values
...