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: GitHub - filamentgroup/tablesaw: A group of plugins for responsive tables.

I particularly like the ‘Column Toggle’ example: TableSaw Column Toggle Table

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.

2 Likes