Streaming live at 10am (PST)

<th> tag missing in element selector


#1

Where is the

table tag selector?

For example

table, th, td { border: 1px solid black; }
Item Price Savings
Bronze Plan (For noobs) $100 0%
Gold Plan (For pros) $180 10%
Platinum Plan (For elite) $320 15%

My current workaround is to make columns out of <li> lists or making custom flex table and manually copy paste each ‘cell’ or custom embed code, but this is not ideal…

Mising element ???


#2

Yes Webflow doesn’t support html tables. I reckon that it’s very much missing.

Anything you’ll do to mimick tables, even if the result look good, will be a nightmare for accessibility.

I suggest that you use your HTML code with table elements inside of a custom code block. And style it with custom CSS. This way, your data remain accessible, make sense for the browsers.

Please go vote for this Whishlist idea, too: https://wishlist.webflow.com/ideas/DESIGNER-I-16


#3

Hi!
I would recommend you to use Pricing Table by Elfsight. It would make the process of creating tables much easier! You can chose one of the four templates to your taste (picture 1).

4

For example, for your situation would be great to use Pricing Table “Service Plans”. I’ve made an example for you (picture 2).
5_2

In my opinion, it looks very nice and users of your website will undoubtedly pay attention to it.
Creating the widget will take less than 20 minutes.
You can do it in 3 steps:

  1. Create your personal Pricing Table here
  2. Get your widget’s code
  3. Paste it into any spot of the website you want and save the changes.

That is all!
Hope you will try out this widget and give us feedback :slight_smile:


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.