Mishcon de Reya page structure
Site header
Menu
Main content section

Tables

Development

Standard

.table
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social

Borders

.table-bordered
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table .table-borderless
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social

Surface support

.table .surface-brand
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table .surface-lab intensity-200
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table .surface-cyber .intensity-300 .surface-fixed
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social

Headers

.table-header
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table-header .surface-academy
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table-header .surface-academy .intensity-200
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social

Striped

.table-striped
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table-striped .surface-academy
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table-striped .surface-academy .intensity-200
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table-striped-columns
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table-striped-columns .surface-academy
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table-striped-columns .surface-academy .intensity-200
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social

Hover

.table .table-hover
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table .table-hover .surface-mishcon
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table .table-hover .surface-mishcon .intensity-300
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social

Combinations

.table .table-striped .table-hover
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table .table-striped .table-hover .table-bordered
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table .table-striped .table-hover .table-borderless .surface-academy
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social
.table .table-hover .table-borderless .surface-academy .intensity-200
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social

Tables are responsive

.table
# Heading Heading Heading Heading Heading Heading Heading Heading Heading
1 Cell Cell Cell Cell Cell Cell Cell Cell Cell
2 Cell Cell Cell Cell Cell Cell Cell Cell Cell
3 Cell Cell Cell Cell Cell Cell Cell Cell Cell
How can we help you?
Help

How can we help you?

Subscribe: I'd like to keep in touch

If your enquiry is urgent please call +44 20 3321 7000

Crisis Hotline

I'm a client

I'm looking for advice

Something else