Editable Table Version 2.0.0.0 Print this Page
Editing Objects Pattern Set
 
Description
Return to Top
Use the Editable Table pattern when the users need to edit rows of a table or tree table in place.
 
Pattern Set Decision Table
Return to Top
 

Table Row Edit
(Choice List)

Table Row Edit (Dialog Box)

Table Row Edit
(Page)

Editable Table

Page Edit

Master Detail Edit

Is the editable content limited to one to two attributes?

Yes

No

No

No

No

No

Is the amount of editable content attributes suitable for a dialog box?

No

Yes

No

No

No

No

Does the amount of editable content require a large amount of space or a complex component?

No

No

Yes

Yes

Yes

Yes

Does the user need to see the object attributes being edited in the context of other objects?

Yes

Yes

No

Yes

No

Yes

Do the editable attributes for groups of objects need to be set to the same value?

Yes

Yes

Yes

No

No

No

Is the level of editing suitable for a self-service or novice user?

Yes

Yes

Yes for a
single row,
No for
multiple rows

No

Yes

No

 
Table Type Decision Tool
Return to Top
 

Direct-Edit Table

Click-to-Edit Table

Does the user need to perform a significant amount of editing within the table or edit multiple rows of data at a single time?

Yes

No

Does the user need to edit multiple rows, copy data from one cell to another, or edit a number of rows in random order?

Yes

No

Is the user making occasional, quick edits to the table?

No

Yes

Is the user expected to edit the rows sequentially, one at a time?

No

Yes

 
Pattern Sample
Return to Top

Direct-Edit Table
In this version of the table, multiple rows of data are editable at a given time. Changes are usually committed by clicking a page-level Save or Submit button.

Figure 1. Editing multiple rows at a time


Click-to-Edit Table
In this version of the table, a single row of the table is editable at any given time. Double-clicking the row opens editable widgets in that row for editing. Changes are usually committed by clicking a page-level Save or Submit button.

Figure 2. Editing one row at a time
Required Screen Elements
Component Type Required Components Customizable or
Extendable Components
Page Buttons

Include these page buttons:

  • Save (optional): Saves any changes and remains in the current page for the user to continue editing.
  • Save and Close, Publish, Submit, or Finish: Commits the transaction, returns the user to the previous page, and displays a confirmation message. (see Save Model guidelines to select the appropriate button label).
  • Cancel: Cancels the transaction and returns the user to the previous page.
NA
Table or Tree Table It is recommended that all editable fields appear in the table when using this pattern. The editable field may take the form of a color picker, date picker, or standard Web widget.
Product teams can opt to disable editing for any of the columns in the table or tree table.
 
Related Guidelines
Return to Top
Page Actions Usage information and design guidance for buttons at the page level and on secondary windows
Save Model Save Model information and design guidance for Oracle Fusion applications
Tree Table Guidelines for the Tree Table component
Tables Guidelines for the table component
Toolbar Guidelines for the toolbar component
 
About Oracle | Legal Notices | Terms of Use | Your Privacy Rights