Webflow does not have a built-in table element, which can be surprising for many users. However, you can still create tables using custom HTML embeds, CSS grids, or collection lists. Here are your main options:
1. Use an HTML Embed
- Add a Embed element to your Webflow page.
- Insert a basic table structure using HTML, such as:
<table><tr><td>Row 1, Col 1</td><td>Row 1, Col 2</td></tr></table>
- Style it with CSS in the Embed or Webflow's Style Panel.
2. Use Webflow’s Grid System
- Add a Grid element from the Add panel.
- Adjust columns and rows to mimic a table.
- Place text inside Div Blocks or Text Blocks within each grid cell.
3. Use a Collection List for Dynamic Tables
- If your table content comes from CMS data, use a Collection List.
- Add collection fields as individual text elements.
- Use Flexbox or Grid to format it like a table.
Summary
Although Webflow lacks a built-in table element, you can use HTML embeds, CSS grids, or collection lists to create tables manually. The best approach depends on whether your data is static or dynamic.