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?

To create a responsive, filterable, and sortable dynamic table on a Webflow site without using Google Sheets or Google Data Studio, you can use free tools that provide embeddable tables or script-less integrations.

1. Airtable + Embed or API (Free Tier)

• Airtable allows you to build databases (like spreadsheets) and create shared views.
• Use Airtable’s shared view embed to display a filterable and sortable table. Ensure the view is set to “public” and choose “Embed this view” under the share options.
• This embed is responsive and has basic sorting/filtering. Customize styling via Airtable, not Webflow.
• For advanced customization, use Airtable’s API with Webflow CMS via Make (Integromat) or a custom front-end (e.g., Table.js + fetch calls).

2. Sheet2Site Lite Version

• Sheet2Site offers a free version that lets you turn a Google Sheet into a responsive site or table.
• While it uses Google Sheets under the hood, you don't need to manually design in Google tools.
• Filter/sort interactivity is handled within their embed.

Note: If strict avoidance of Google Sheets is required, skip this option.

3. Notion + Notion Embed

• Notion databases allow table views with sorting and filtering.
• Set the Notion database to be shared to the web, then use Embedly iFrame code inside an Embed element in Webflow.
• It's functional and clean, though not fully customizable in design.

4. DataTables + Webflow CMS Collection Lists

• Use Webflow’s Collection Lists to display table data.
• Add DataTables.js via custom code (via <script> in Embed elements or through Page Settings).
• The CMS data renders into a plain HTML table, and DataTables makes it filterable/sortable.
• This requires exporting CMS data to a public static table or using Webflow's CMS front-end directly with matching class names.

Note: DataTables is free and widely supported but requires using JS in your Webflow project.

5. JsGrid or Tabulator

• JsGrid and Tabulator are lightweight JavaScript grid libraries capable of enhancing tables with search, sort, and pagination.
• Requires a bit of JavaScript but no backend or external spreadsheet system.
• You can manually input JSON data or connect via Webflow CMS using the Embed element.

6. Jetboost.io (Free Tier for Simple Filters)

• Jetboost enables real-time filtering and sorting of Webflow CMS data.
• Offers a free tier with limited functionality.
• Seamless integration with Webflow CMS (no need for external data source).

Summary

To create a responsive, filterable, sortable table in Webflow without Google tools, use Airtable embed for visual ease, Jetboost for CMS filtering, or JsGrid/DataTables with Webflow Collection Lists for front-end control. Choose based on your need for design flexibility, technical skill comfort, and data source preferences.