Related Pages: Data Tables

Description

An editable table is a type of Data Table in which the user can edit data inside a row, without the need to navigate to a separate page, a panel, or a popup.

...

An editable table is similar to a basic tablestandard Data Table, with these exceptions:

• 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, drop-down menus, spinners, date pickers etc.

  • Replaces all action icons with two icons: confirm (✓) and cancel (X).

• The user can enter or update any input field, in any order.

• When finished, 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 (X) icon changes all input fields back to text, with the previous values.

...