Website pattern library

Page content

Responsive tables

Simple 2 column table

Designed to fit all screen sizes:

Parking Zone Monthly cost
A £22
B £20
C £19
D £16

Multi column table with overflow scroll

Designed to fit all screen sizes:

Location Date Time Cost
Jubilee Library, Jubilee St, Brighton BN1 1GE 10.01.19 11.30am £10
Jubilee Library, Jubilee St, Brighton BN1 1GE 11.01.19 11.30am £10
Hove Town Hall, Norton Road, Hove, BN3 3BQ 12.01.19 12.30pm £12

Responsive multi column table

Resize your browser to see how three table rows (768px+) become three seperate tables (768px-):

Size Weight Height Width
Small 1kg 80cm 35cm
Medium 1.5kg 90cm 37cm
Large 2kg 110cm 40cm