Hello! I just had a very quick question.
I was wondering if anyone could give me some advice on how to build a table in Webflow?
Please see attached the rough table I am trying to replicate - I was wondering if it would be best to make this using a grid/column/section etc, or another way!
Also need to choose a method where the table will look good in both desktop and phone view.
Thank you
If the data you wish to present is tabular in nature then HTML Tables are the best way. Webflow does not have a table element but if your plan supports custom code you can add them there. Making tables responsive is more of a challenge. There are plenty of tuts on that and even some awesome libraries like datatables.js which leverages jQuery and that is installed already on all Webflow projects.
Iβm sure there are a multitude of ways to do this but I have a sample setup up as a cloneable section on my public profile or you can inspect to see how itβs arranged. Columns are set up as % of the width.
My perspective is that if a client requires something like this on mobile, they must accept that the information will need to be simplified with display=none on secondary info, and the user will most likely need to pinch-to-zoom to read the text clearly.