Styles and responsive tables

Styles

Pick a style on the table's Style tab: Clean, Minimal, Grid, Bold or Soft. On top of that: stripes, hover, borders (none, rows or all), compact rows, sticky header, fixed first column and an accent colour. A page can use another style with style="grid" in the shortcode.

Tables take their colours and fonts from your theme. Colour scheme: follow the theme, follow the visitor's device, or always light or dark. Theme button and uppercase styles do not leak into the table.

Small screens

Choose what a table does when it gets narrow:

• Scroll: the table scrolls sideways; the first column can stay in place.
• Stack: each row becomes a card below the width you choose.
• Collapse: some columns hide behind a "more" button on each row.

Any column can be hidden at six sizes: under 480, 480, 768, 1024, 1280 and 1536 px. The size is the table's own width, not the screen's, so a table in a narrow column or a sidebar behaves right too.

Pricing and comparison tables in layout mode show each plan as a card on narrow tables.

Pro

• 16 ready designs style the whole table, its search, filters, pages and phone cards. Make your own in the design editor. See Designs (Pro).
• Conditional formatting colours cells or rows when a value matches a rule.
• Custom CSS per table for anything else. It is cleaned and applies to that one table only.