CMS Table Kit
FRAMER COMPONENT · TABLES
Rates, price lists, listings or plans that live in your CMS. Visitors sort, search and filter them, and phones get cards. No network requests.
| Nothing here yet. | |||||
Live component. The rates and the homes live in Framer CMS collections: each item hands its row to the table through a Table Row inside a Collection List. The plans are typed in the panel.
MAKE IT YOURS
Your fonts, your colours, any width.
Background, header, text, lines, stripes, highlight and accent, density, radius and four fonts. On phones, cards or a table that scrolls.
| Nothing here yet. | |||||||
Listings on dark
Stripes, compact rows and a warm accent for the homes already sold.
Cards on phones
Below the width you choose, each row becomes a card with its labels.
| Nothing here yet. | |||||||
Scroll, first column frozen
Or keep the table on phones: it slides sideways and the names stay put.
THREE STEPS
Your data in the CMS, the table on the page.
01
Keep it in the CMS
Rooms and rates, services and fees, homes, plans: any collection with text, number, date and toggle fields.
02
Drop in a Table Row
Put one inside a Collection List item and connect a field to each column. The list’s own filters and sort decide which rows reach the table.
03
Place the kit
Name the columns, pick what visitors can do and match your fonts and colours. It updates every time you publish.
WHAT’S INSIDE
Built for rates, price lists, listings and plan comparisons.
Framer’s tables live inside formatted text and are typed by hand. This one reads a whole collection, stays in step with it, and lets visitors find what they need.
Live with your CMS
Up to 8 columns
Sort by any column
Search
Filter buttons
Group titles
Highlighted rows
Row images and links
Prices in the site’s language
Yes / No ticks
Cards or scroll on phones
Sticky header
CSV download
Keyboard and screen readers
No network requests