Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Lead: Liav Nadler  

Status
colourYellow
titleongoing

Related Pages: Data Tables


Table of Contents


Description

...

  • 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, allowing the user to enter text in text fields or select values in dropdown menusReplaces the edit icon with two icons: confirmation (this may include text fields, dropdown menus, spinners, date pickers etc.)
    • Replaces all action icons with two icons: confirm (V) and cancellation 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 confirmation icon confirm icon changes all input fields back to text, with the updated values
    • Clicking the cancellation icon cancel icon changes all input fields back to text, with the previous values

...