Tables.
They’re everywhere—pricing plans, product comparisons, schedules, content lists.
Yet, until now, Framer CMS didn’t support them.
For designers and content creators, this was a frustrating limitation. Structuring content meant using workarounds, like manually formatting text in columns or embedding static images.
Not ideal.
But that changes today.
Framer has just introduced Tables in CMS — a feature that makes content structuring effortless.
Number | Feature | Release Date |
|---|---|---|
1 | Framer Tables | 11 Mar, 2025 |
2 | Framer CMS Plugin | 7 Mar, 2025 |
3 | Localization Update: Collection Groups | 4 Mar, 2025 |
4 | Offscreen Animations | 3 Mar, 2025 |
5 | CMS Performance Update | 3 Mar, 2025 |
Sample table above
Whether you’re designing an interactive pricing page, an event schedule, or a comparison table, this update unlocks tons of new possibilities.
Let’s dive into:
How to add tables in Framer CMS
Styling and customization options
Making tables responsive for mobile
Pro tips for optimizing structured content
Why Tables in Framer CMS Matter
Before this update, Framer CMS had no native support for tables.
If you wanted structured content, you had to:
❌ Use bullet points (messy for detailed info)
❌ Manually space out text (inconsistent across devices)
❌ Upload table images (impossible to edit dynamically)
None of these solutions were scalable.
Now? Tables in Framer CMS allow you to:
✔️ Organize complex data visually without workarounds
✔️ Make CMS entries easier to scan for readers
✔️ Maintain consistency across projects
Whether you’re a designer, marketer, or business owner, this feature makes Framer even more powerful.
How to Add Tables in Framer CMS
Framer made sure that adding a table is as intuitive as possible.
Here’s the step-by-step process:
Open any CMS Rich Text field
Click the new Table tool (next to the formatting options)
A sample table appears instantly 🎉
That’s it!
Now, let’s talk about customization…
Editing and Customizing Tables in Framer CMS
Once you’ve inserted a table, it’s time to adjust it to fit your needs.
Adding and Removing Rows & Columns In Framer Tables
Click the plus button on the edges to insert new rows/columns.
Right-click inside a cell for even more options.
Auto-Adjusting Column Widths In Framer Tables
Columns will automatically resize to fit the content you type.
Merging & Splitting Cells In Framer Tables
Right-click on any cell and choose “Merge Cells” to combine them.
Creative Use Cases for merging table cells in Framer
Event schedules (grouping sessions under a time slot)
Pricing tables (merging top cells for plan names)
Comparison charts (highlighting shared features)
Styling Your Table in Framer for a Polished Look
A table’s visual appeal is just as important as its functionality.
Framer makes it easy to style tables through the CMS Styles panel.
Here’s how to customize your table:
Adjusting Colors & Borders
Set background colors for headers and body cells
Customize border styles (inner & outer)
Adjust border radius
Fine-Tuning Padding & Spacing
You can adjust the padding and spacing for all cells.
Making Tables Responsive in Framer CMS
A good-looking table on desktop means nothing if it breaks on mobile.
Luckily, Framer’s tables are responsive by default.
Therefore, every table in Framer Auto-resizing text & cells for smaller screens and adds Horizontal scrolling when needed.
Creative Use Cases for Tables in Framer CMS
Wondering how and where to use tables effectively?
Here are real-world examples of where Framer tables shine:
Pricing Plans – Compare different tiers side by side
Feature Comparisons – Highlight key product differences
Event Schedules – Display times, speakers, and topics
Product Specs – Organize technical details neatly
Whatever structured data you need to display, Framer tables can handle it.
What This Means for Framer Users
This new table feature transforms Framer CMS into a more powerful content tool.
For designers → Less manual work, more structure.
For marketers → Clean tables = better conversions.
For businesses → Professional, structured content made easy.
It’s a major step forward for Framer’s CMS capabilities, and it’s only the beginning.
FAQs
1. Can I use tables inside a Framer CMS collection?
Yes! Tables work inside any CMS Rich Text field.
2. Are tables automatically responsive in Framer?
Yes! They adapt to screen sizes and support horizontal scrolling on mobile.
3. Can I style tables differently for mobile and desktop?
No. Customize table styles are the same for all different breakpoints.
4. How do I delete a table in Framer CMS?
Just select the table and press Delete—it’s that simple.
5. Will Framer add more table features in the future?
Most likely! We would like to add images, links, and other media within cells. It would also be cool to adjust the width of each cell.
