Versions Compared

Key

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

Description

An Extended Rows table is a type of Data Table where each row contains a line of text (for example, a quote from an interaction) underneath the set of values.

...

Usage & Behavior

An extended rows table is similar to a standard Data Table, with these exceptions:

  • In addition to the regular content, each row will contain a block of text, running across the columns.

  • The maximum number of visible rows in the block will be predefined.

  • If the text is longer than the width of the table, the text it will be truncated, showing the an ellipsis sign after the last word.

  • In this case, hovering the text will show a Tooltip with the entire text.

Best Practices

...

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

Design

Zeplin link

Screen thumbnail

https://zpl.io/25WWrg0

Image Modified

Code

...