Webflow + Tables

Collection List 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
August 3, 2023
Updated
in lightbox

Perhaps the most versatile approach to tables in Webflow is to use the CMS and a collection list, and manually construct the table out of divs and text elements using flexbox arrangements.

  • Requires all data to be in the CMS, and managed in the CMS ( though you could also create static content if the table will not be edited by clients )
  • + Maximum styling options
  • + Maximum responsiveness options
  • - Very manual to create
  • - Requires designer changes to add / change columns

Notes

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.