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 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 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 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 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 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 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 |