Table
Table with header, alternating rows and aligned columns, which scrolls or stacks on mobile
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
01
Just added
This is how it looks as soon as you add it to the page, before any changes.
02
A wine shop's price list
Red header, first column in bold, prices right-aligned and alternating tinted rows, in a rounded frame with a shadow.
| Wine | Vintage | Glass | Bottle |
|---|---|---|---|
| Barolo Serralunga | 2019 | 12 € | 58 € |
| Langhe Nebbiolo | 2022 | 7 € | 28 € |
| Dolcetto d'Alba | 2023 | 5 € | 19 € |
| Arneis Roero | 2023 | 6 € | 22 € |
| Moscato d'Asti | 2024 | 5 € | 17 € |
03
Contour's weekly schedule
Compact, centered table on striped paper: blue header, centered cells, alternating soft blue rows and Inter typographic style.
04
The standings of a women's league
Over a match photo, a light panel with the standings: dark header, centered numbers, first column highlighted.
| Pos. | Team | G | V | N | P | Points |
|---|---|---|---|---|---|---|
| 1 | Polisportiva Lago | 18 | 14 | 3 | 1 | 45 |
| 2 | Atletico Valli | 18 | 12 | 4 | 2 | 40 |
| 3 | Borgo San Rocco | 18 | 10 | 3 | 5 | 33 |
| 4 | Real Collina | 18 | 8 | 5 | 5 | 29 |
| 5 | Sporting Ponte | 18 | 6 | 4 | 8 | 22 |
05
Three plans from an agricultural startup
No alternating rows or header background: red headings, thin lines and a serif typographic style, like a printed price-list page.
06
A museum's computers, in monospace
On a dark background: compact monospace table, soft orange header, lines and even rows almost transparent.
| Machine | Year | Processor | Memory | Status |
|---|---|---|---|---|
| Commodore 64 | 1982 | MOS 6510 · 1 MHz | 64 KB | Working |
| Olivetti M24 | 1983 | Intel 8086 · 8 MHz | 128 KB | Working |
| ZX Spectrum | 1982 | Zilog Z80 · 3.5 MHz | 48 KB | Under restoration |
| Amiga 500 | 1987 | Motorola 68000 | 512 KB | Working |
