Table Examples

This page contains examples of the markup for tables generated by the CMS as well as some basic table html for users who create them manually.

Blue--dark table varient

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Purple table varient

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Blue table varient

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Demin table varient

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Green table varient

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Gray table varient

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Basic table varients

Dark Blue

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a hand-made table with headers across the top with an explicit 'thead' tag
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Purple

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Blue

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Denim

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Green

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4

Dark Gray

This is a CMS-generated table with headers across the top
Header 1 Header 2 Header 3 Header 4
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4
This is a CMS-generated table with headers across the top and the left
Header 1 Header 2 Header 3 Header 4
Row 1 Row 1 Column 2 Row 1 Column 3 Row 1 Column 4
Row 2 Row 2 Column 2 Row 2 Column 3 Row 2 Column 4