HTML Table embed

Design help Custom code
1

Hi all,

I edited a HTML embed table but now it is displaying weirdly on my site.

Here is the backend:
https://preview.webflow.com/preview/pro9?preview=4bd91da1467c103aa17e46f8ab97f3a3

https://www.pro9.com/products/walls is the page in question.

56
56930×1226 348 KB
47
47999×1145 344 KB

It is merging with the second table for some reason…

2

Hey @DylanUrquhart it looks like the code from the live site isn’t matching the code/layout from the designer. For instance there are classes in the live code that aren’t in the designer. If you re-publish does the issue persist?

3

Unfortunately yes :frowning:

Would this be a Webflow issue?

5

Hi @DylanUrquhart, there have been some recent changes in the way that custom code is validated, a “hands off” approach is being taken, so we are not validating the custom code you are pasting into the embed.

51%20PM
51%20PM1778×1176 216 KB

I would check that the table tag is properly closed in html and then republish the site. Often checking custom code requires a process of elimination, but that is first thing to check.

Also, it is important to remember that custom code only is rendered on the published site, so the issue does not appear in the designer (in this case).

On the published site, because the closing table tag is not found, any new table rows get appended to the previous table (including other content not intended to be shown in table).

I will be here to help, let me know how it goes after change and republish.

Thanks in advance

6

Thanks CyberDave.

I’m not a html coder, hence my love of Webflow, is there anything I need to do to close the code out on the above table?

7

Hi @DylanUrquhart

Try adding </table> on line 32 and see if that works as desired?

That should close the table that began on line 1 (as per the error) includes all those fields, then closes…

Hope that helps :crossed_fingers:

1 Like
8

Perfect, that worked @StuM

#Legend

9

Instead of creating new topic , I thought it may be better to ask under this thread.

Is there any way to feed tables from external Json file ? ( or creating div’s in webflow ) in other words , in my previous designs I was using datatables.net solution and style them with some other frameworks ( bootstrap , semantic etc ) , but after I’ve found Webflow … I have no intention to go back and code line by line again …
Just trying to understand what it’s possible with minimal coding :slight_smile:
Thanks for input .

1 Like
10

A post was split to a new topic: Embedding Datatables in Webflow

11

I’ve written an article that shows how you can easily copy a table from Google Sheets to Webflow here: Cut and paste a table from Google Sheets into an HTML document – no code required