Related Pages: Data Tables
| Table of Contents |
|---|
Description
An editable Inline Editable table is a type of Data Table in which the user can edit data inside a rowrows, without the need to navigate to a separate page, a panel, or a popup.
...
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 Text Fields, dropDrop-down menusMenus, spinners, date pickers Numeric Steppers, 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.
...
By default, the first input field will be in focus.
The user can move the focus to the next or previous field using Tab or Shift+Tab.Clicking Enter when the focus is on a text field will change all input fields back to text, with the updated values.
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.
...