Pattern Library
Tables
Refer to the W3C website for a tutorial on how to properly code an accessible table.
| Header 1 | Header 2 | Header 3 | |
|---|---|---|---|
| Subheader 2A | Subheader 2B | ||
| Cell A1 | Cell B1 | Cell C1 | Cell D1 |
| Cell A2 | Cell B2 | Cell C2 | Cell D2 |
| Cell A3 | Cell B3 | Cell C3 | Cell D3 |
Modifiers
Select a modifier to see its effect on the table above. The code example below will include the selected modifier classes.
Color
Borders
Fixed Table Header
To see the effect of a fixed table header, scroll the page so the header of the table above goes past the top of the window.