Streaming live at 10am (PST)

Responsive Data Tables

I’ve created a site for a client who needs a lot of data tables. They rely heavily on SEO so I’ve created these as Raw HTML elements in Webflow, so they’re more easily indexed by Google. That’s all fine.

The problem is what to do with large tables on mobile. Any tables with more than 2 columns look terrible on smaller screens. I’ve found some great solutions here: https://github.com/filamentgroup/tablesaw

I particularly like the ‘Column Toggle’ example: http://filamentgroup.github.io/tablesaw/demo/toggle.html

But because I’m not a developer, I’m struggling to get this working in Webflow. I’ve used plenty of custom code in WF before so I’m no stranger to that, and followed @samliew advice on his post here on how to embed files hosted on Github, but still can’t get it working.

Would greatly appreciate any help with this.

1 Like