Tables

General information

Related components

When to use

When not to use

Components contained within it

How to use

Anatomy

Do and do not

Options

Types

Sizes

States

Variants

Modifiers

Content standards

Animation standards

Interactions

Presentation

Placement

Hierarchy

Alignment

Composability

Responsive behavior

Spacing

Accessibility guidelines

Additional resources

• (The return of) Tables, Tequila, and Beer – an article about whether you need to use the scope attribute to identify a <th> as a row header or column header. By stevef.
• W3C WAI Tables Tutorial
• WebAIM Creating Accessible Tables tutorial
• Exploring the “Is this a real or fake table?” algorithm in desktop browsers by Sayan Sivakumaran
• Don’t Turn a Table into an ARIA Grid Just for a Clickable Row by Adrian Roselli