What are some free alternatives to using Google Sheets and Google Data Studio to create a responsive, filterable, and sortable dynamic table on a simple website built with Webflow?

TL;DR
  • Use Airtable by embedding tables via their embed code into Webflow.  
  • Utilize Notion's embed link feature for dynamically filtered and sorted tables on Webflow.  
  • Employ Table2Site to integrate Airtable data into Webflow with custom code or API.  
  • Glide Apps can be used to embed mobile-friendly tables using a sharing link.  
  • Implement SheetDB to convert Google Sheets into a JSON API and display data via custom JavaScript.

There are several free alternatives to using Google Sheets and Google Data Studio for creating a responsive, filterable, and sortable dynamic table on a Webflow website. Here’s how you can achieve this:

​

1. Use Airtable

  • Airtable is a cloud-based platform that combines the functionality of a spreadsheet and a database.
  • You can create tables within Airtable and then embed them on your Webflow site.
  • Use the embed code option within Airtable to generate the code compatible with Webflow’s embed feature.

​

2. Use Notion

  • Notion allows you to create and manage databases with features to filter, sort, and view data dynamically.
  • Create a table in Notion and use the embed link feature to integrate directly into Webflow.
  • Make sure the Notion page is publicly shared so that anyone can view it on your site.

​

3. Use Table2Site

  • Table2Site is a platform that allows you to build websites based on Airtable data.
  • Integrate the dynamic table into Webflow via custom code or using their API.
  • It provides customizable filtering and sorting features to enhance table interactivity.

​

4. Use Glide Apps

  • Glide Apps lets you build mobile-friendly tables using a Google Sheet as a backend.
  • You can customize the look and feel and use the sharing link to embed the app in Webflow.
  • Ensure the app is set to “public” to ensure accessibility from your Webflow site.

​

5. Use SheetDB

  • SheetDB converts Google Sheets into a JSON API, allowing real-time data pull into your Webflow site.
  • Use custom JavaScript in Webflow to fetch and display the data dynamically.
  • Requires knowledge of API integration and basic JavaScript to implement effectively.

​

Summary

To create a responsive, filterable, and sortable dynamic table on a Webflow website without Google Sheets and Google Data Studio, you can use alternatives like Airtable, Notion, Table2Site, Glide Apps, or SheetDB. Each offers unique features and integration methods that can fit various needs and technical expertise levels.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
In Webflow, how can I restrict the form field type number to only accept values greater than or equal to zero?
How can I improve page load speed on Webflow when embedding Calendly, as it is causing significant slowdowns and affecting animations?
How can I fix the issue with border radius not displaying properly on iOS when applied to a parent div instead of the image itself in Webflow?
Is it possible to set the viewport in Webflow's code to address the mobile usability issue flagged by Google Search Console? Is this warning something I should be concerned about? Thank you!
How can I change the text color in a rich text field using Webflow? I've tried setting the color to the value stored in the collection's field but it's not working. The forum discussions on this topic are closed and the solutions are not visible.
Is it possible to redirect the client to another page instead of the webhook after submitting a form on my Webflow hosted site integrated with Integromat?
How can I make the lottie animation embeds in Webflow full screen and responsive like this example codepen.io?
Why are background videos not playing on the desktop version of my Webflow website, even though they work when toggling the preview?
How can I create a responsive iframe in a Webflow column that scales proportionally with different screen widths?
How can I create multiple mouse click interactions on the same element in Webflow?
How can I create a pop-up window with specific dimensions, containing an H1/H2 title, paragraph text with external links, and a close button in Webflow?
Is there an easy way to insert a link into an image in Webflow? I have tried using the Link Block, but it is not working properly.
How can I prevent body scrolling when opening a fullscreen mobile navigation menu and enable scrolling when closing it in Webflow?
Do I need a separate CMS site planning subscription for each of my 5 website projects in Webflow?
How can I fix the issue with the Webflow menu button requiring two clicks to open after scrolling back up on a page with linked sections? Please refer to the provided video for reference. Thank you.
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?