Table

v1.0.0

Used to display tabular data.

Released

History
View changes
Install
npm i @gold.au/table
Tags
Requires
Contributors
  • Adam Zerella avatar picture
  • Gary Broadbent avatar picture
  • Trevor Brennan avatar picture
  • Alex Page avatar picture
  • Dominik Wilkowski avatar picture
  • Patrick De Young avatar picture
  • Raj Ghuman avatar picture

Striping alternate rows

For a data table with large amounts of rows, highlighting alternate rows helps increase readability and scanning speed. We've elected to highlight the bottom row using the nth-last-child(odd) selector to provide the table with visual completeness.

For tables that have fewer amount of rows, using the striped version of the table component can cause confusion because users may attribute meaning to the highlighted row.