Related Pages: Data Tables
| Table of Contents |
|---|
...
Hovering a row will show an edit icon.
Clicking the edit icon:
Selects the entire row (if not already selected).
Changes all relevant cells to input fields. This may include Text Fields, Drop-down Menus, Numeric Steppers, Date Pickers etc.
Replaces the action icons with two buttons: Apply (emphasized dialog button) and Cancel (regular dialog button). See Dialog Buttons.
In edit mode, the user can enter values or update any input field, in any order.
When finished, the user can click on one of the two buttonshas two options:
Clicking Apply switches the row back to its original state, with the updated set of values.
Clicking Cancel (or Esc) switches the row back to its original state, with the previous set of values (before making any changes).
...
By default, the first input field will be in focus.
The user can move See thefocus to the next or previous field using Tab or Shift+Tabmanagement sectionin the main data tables page for more information.
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.
...