Webflow + Tables

Markdown Tables

Overview
Approaches to Tables
DataTables & JS Libraries
200
SA5 Embed Tables
201
Markdown Tables
203
Google Slides
206
Static Tables
208
Collection List Tables
210
UX Notes
Scrolling Tables
300
No items found.
Published
February 9, 2023
Updated
in lightbox

Markdown tables are useful for very small simple tables. The syntax is plain-text and looks like this-

Example of a table in Markdown format

Features

  • Easy to edit, if you're comfortable with Markdown
  • Client-accessible through the Editor
  • Can be linked. Within a cell, use markdown's [linktext](http://url) format.
  • No built-in styling options to speak of, but you can style table elements using custom CSS. This can be a positive, in that you can enforce your Website's style guide.

Notes

See the video tutorial on embedding markdown in Rich Text elements.

https://www.sygnal.com/lessons/embedding-html-tables-using-markdown

https://www.sygnal.com/blog/webflow-markdown-html-tables

More Solutions

Also see Michael Schwartz's solution.

Michael uses the exact same approach we have, even using a <markdown> element and Showdown.js as the engine, but he adds some discussion on styling and converting tables from Google Docs into markdown.

Cloneable;

https://webflow.com/made-in-webflow/website/cms-html-tables

FAQs

Answers to frequently asked questions.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.