Stable
Element
Masked Reveal Heading
Multi-line headlines with an animated mask reveal and a style per line.
View demo →
← All modules
New
Element
Since v0.7.0
Table
Accessible, sortable tables from manual input, pasted CSV, a CSV file or an ACF field.
Topics: Accessibility · Data
Highlights
Real table semantics with caption and header cells
Sortable columns with aria-sort and announcements
German and English number formats
Stacked label/value layout on small screens
CSV import with semicolon detection for German Excel
Accessibility
Caption (visible or screen-reader only), column and row headers, keyboard-scrollable region, sort buttons announce their state.
Privacy
Rendered on the server. No external requests, the sort script only loads for sortable tables.
Live demo
See it in action
Everything below is the real element, configured in Breakdance. Try it with your keyboard, zoom in, or open the page on your phone.
Variant 1
Sortable with dates and German prices
Column buttons sort text, dates and numbers. Prices in German notation (149,00 €) are recognized as numbers and aligned at the end. The current sort order is announced to screen readers.
| Workshop | Date | Seats left | Price |
|---|---|---|---|
| Accessible forms in Breakdance | 2026-11-12 | 4 | 149,00 € |
| Privacy-first maps and video | 2026-11-26 | 11 | 129,00 € |
| Design systems with presets | 2026-12-03 | 0 | 189,00 € |
| Tables, timelines and data | 2027-01-14 | 7 | 99,00 € |
| WCAG 2.2 audit day | 2027-01-28 | 2 | 249,00 € |
Variant 2
Wide table with sticky first column
On tablets the plan names stay visible while the rest scrolls horizontally inside a keyboard-focusable region. Below 768 pixels the rows switch to the stacked layout.
| Plan | Storage | Websites | Backups | Support |
|---|---|---|---|---|
| Starter | 10 GB | 1 | Daily, 7 days | |
| Business | 50 GB | 10 | Daily, 30 days | Email and chat |
| Agency | 250 GB | Unlimited | Hourly, 30 days | Priority phone |
Variant 3
Pasted CSV with semicolons
Paste an export from Excel or Google Sheets. The delimiter is detected automatically, thousands separators and decimal commas are understood when sorting.
| Month | Visitors | Bounce rate | Avg. time on page |
|---|---|---|---|
| July | 12.480 | 41,2 % | 1:48 |
| August | 13.905 | 39,8 % | 1:55 |
| September | 15.320 | 37,1 % | 2:07 |
| October | 17.044 | 35,6 % | 2:12 |