Webflow sync, pageviews & more.
NEW

Is it possible to embed a table in a CMS blog post using Webflow?

TL;DR
  • Manually insert HTML tables into CMS Rich Text fields using a custom Embed Element with "Allow custom code" enabled.
  • Alternatively, store table HTML in a separate Plain Text or Rich Text field and render it using a connected Embed Element in the blog post template.
  • Apply custom CSS for table styling via Site Settings or Embed elements.
  • Optionally, use Airtable and Zapier to automate inserting table HTML into your CMS.

Yes, you can embed a table in a CMS blog post in Webflow, but it requires a workaround since Webflow’s CMS Rich Text field does not natively support table elements.

1. Use Custom Embed Code in Rich Text Field

  • Enable Embed: In CMS Rich Text fields, you can use custom HTML if you're using a Rich Text Element with "Allow custom code" enabled (usually only in Webflow Designer, not Editor).
  • Insert HTML Table: Manually enter table HTML directly into the CMS Rich Text content. Example:
  • <table><tr><th>Header 1</th><th>Header 2</th></tr><tr><td>Data A</td><td>Data B</td></tr></table>
  • This lets you render plain tables, but you cannot visually style them in the Designer unless you target them with custom CSS.

2. Use a Custom Field to Store Table HTML

  • Add a Plain Text field (or Rich Text if needed) in your CMS called something like Table Embed.
  • Paste raw table HTML in this field.
  • In your blog page template, use an Embed Element and connect it to this field using Add Field in the Embed Code.
  • Style the table globally in Site Settings > Custom Code or use scoped styles via an Embed element.

3. Style Tables with Custom CSS

  • Webflow does not include default styles for tables, so without custom CSS they appear unstyled.
  • You’ll need to define styles like:
  • table { width: 100%; border-collapse: collapse; }
  • th, td { border: 1px solid #ccc; padding: 8px; }
  • Add the CSS in Site Settings > Custom Code > Head or inside an Embed element on your blog template page.

4. Use Airtable/Zapier (Advanced Alternative)

  • If your blog content is managed externally (e.g., Airtable), you can use Zapier to dynamically push pre-formatted table HTML into your CMS.
  • This avoids the need to copy/paste HTML every time.

Summary

Webflow doesn’t support native table creation inside CMS Rich Text fields. However, you can embed HTML tables manually or via custom fields and apply your own CSS. This gives you control to display tables within CMS blog posts effectively.

Rate this answer

Other Webflow Questions