Tables

GFM pipe tables, always on, with automatic responsive scroll and visualizer recipes.

On this page

Tables

GitHub-flavored Markdown pipe tables work out of the box - no config, no content block, just the syntax you already know:

| Feature      | Status |
| ------------ | ------ |
| Tables       | ✅ Done |
| Alignment    | ✅ Done |
FeatureStatus
Tables✅ Done
Alignment✅ Done

Alignment colons (:---/:---:/---:) work as expected. Every table also gets an automatic treatment for free: a responsive horizontal scroll on narrow viewports, and a sticky header on a long one - no extra markup.

Beyond plain cells

Two recipes worth knowing about once you've met magic functions in a couple of lessons: a magic function can return HTML, which means a table cell can hold a status chip, a star rating, or a progress bar instead of plain text - and since {{ }} resolves before tables are even parsed, that works inside a pipe table exactly like anywhere else on the page.

For a table a reader can actually sort or filter, rather than just read, Interactivity with Alpine.js covers the client-side recipe.

Full syntax, alignment rules, and the visualizer recipes: Tables.

Edit this page Download Markdown Last updated Sep 11, 2026, 7:11:15 PM
Lesson 8 of 20 - Getting Started with bx-sites