Description

A Spreadsheet table is a type of Data Table where users can add and edit numeric data within the grid.

...

• The table contains a grid of rows and columns.

• The table may contain:

  • a header row.

  • a header column.

  • a total row.

• If the table is higher than its container, a Scrollbar will appear. The scrollbar will not affect the header or title rows, where they exist.

Content

Numbers inside cells will be aligned to the right.

States

State	Example (x2 in size)	Comments
Regular
Hover
Selected
Disabled
No Data
Error		See Field Validation.
Warning
Focused (edit mode)		Only one cell can be in focus at any time.

...

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.

Design

...

Zeplin link

...

Screen thumbnail

...

<<Zeplin Link>>

...

<<Screen with 200 width>>

Code

...

Code

...