Table
A data table with optional interactivity. Tabs: Content, Table Options, Styling, Animations, Advanced.
Table Options
| Option | Choices |
|---|---|
| Table Preset | A named style preset (or none) |
| Frame (Border Preset) | A border-frame preset (or none) |
| Alternating Row Colors | On/Off |
| Row Hover Highlight | On/Off |
| Bordered | On/Off |
| Compact | On/Off |
| Sticky Header | On/Off |
| Caption / Caption Position | Text; Below or Above the table |
| Sorting | On/Off |
| Search / Filter | On/Off |
| Pagination | On/Off |
| Rows Per Page / Rows-Per-Page Selector | Page size + selector |
| Info Line | "Showing x–y of z" |
:::note Screenshots — presets & interactive features
Capture a couple of presets and the interactive features: table-preset-1,
table-bordered, table-with-search, table-paginated.
:::
Styling
Text Color, Background Color, and Margin & Padding.
Screenshots
note
Drop screenshots into static/img/shortcodes/ and embed them here.