Tachyons has some basic utilities for styling tables that are easy to customize and extend.

Examples

Striped - Light Gray

NameRating
Jurassic Park5 stars
Back to the Future5 stars
Primer5 stars
Sunshine5 stars
Moon5 stars

Striped - Near white

NameRating
Jurassic Park5 stars
Back to the Future5 stars
Primer5 stars
Sunshine5 stars
Moon5 stars

Previous

Forms

Next

Type Scale

tachyons-tables

v1.0.8 142 B
Declarations
6
Selectors
4
Max. Specificity Score
20
Size of Avg. Rule
1.5
src/_tables.css

/*

  TABLES
  Docs: http://tachyons.io/docs/elements/tables/

*/

.collapse {
    border-collapse: collapse;
    border-spacing: 0;
}

.striped--light-silver:nth-child(odd) {
  background-color: var(--light-silver);
}

.striped--moon-gray:nth-child(odd) {
  background-color: var(--moon-gray);
}

.striped--light-gray:nth-child(odd) {
  background-color: var(--light-gray);
}

.striped--near-white:nth-child(odd) {
  background-color: var(--near-white);
}

.stripe-light:nth-child(odd) {
  background-color: var(--white-10);
}

.stripe-dark:nth-child(odd) {
  background-color: var(--black-10);
}