Zebra Striped Table

UK largest cities
Region
Population (2017)
London
London
8,907,918
Birmingham
W. Midlands
1,153,717
Glasgow
Scotland
  623,040
Liverpool
North-West
  579,256
Bristol
South-West
  571,922
Manchester
North-West
  554,402

Zebra Striped Table

If you have a long and wide table, it can be hard to follow the lines with your eyes. Therefore tables are often made zebra striped with a different colour for the odd or even lines. When working with the table in Site designer, you won't see the different-coloured lines, but you will in preview.

To add rows to the table just copy one of the existent rows, class name .table-row as many times as needed. You don't have to worry about the colouring of lines, because the styling will automatically give the different colour to all odd lines.

Instead of choosing the odd lines, I might as well have gone for the even ones.

Placeholder Picture

Download this component

This component can be used both for 'mobile-up'
and 'desktop-down'.