Table
Discover how Bubble.io's Table feature empowers solopreneurs to create powerful no code SaaS applications, enabling effortless data organization and display for enhanced user experiences without writing a single line of code.

Bubble.io Table Element Pagination with Numbers
In this Bubble tutorial we expand upon our last video tutorial explaining how to add pagination to the Bubble table element. This Bubble tutorial demonstrates how to add a number for the current page and total number of pages.

Build your own nocode CRM with Bubble.io - Part 3
Welcome to the next part of our Bubble tutorial series where I'm showing you how you can build a no-code CRM in Bubble.

Gap between repeating group rows
In this Bubble.io tutorial video we demonstrate the correct way to add uniform gap between rows in a repeating group you are using as a table element when building your no-code app with Bubble.io.

How To Edit Table Data With A Popup In Bubble
In this Bubble.io tutorial video we demonstrate how to use a Popup to edit data in a repeating group. We show how to create a Popup and the Workflow needed to display the Popup pre-populated with any existing data.

How to add navigate a table with the arrow keys (Up Down Enter)
In this Bubble tutorial video we demonstrate how to use the arrow keys to navigate a table in Bubble.

How to use keyboard shortcut navigation with a table in Bubble
In this Bubble.io tutorial we demonstrate how to nagivate up and down a table using the up and down arrows on a keyboard. This Bubble tutorial shows how to use custom states to track the selected row of a repeating group and change this selection with the arrow keys. The plugin used is Air Keyboard Shortcut by Zeroqode.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

How to add navigate a table with the arrow keys (Up Down Enter)
In this Bubble tutorial video we demonstrate how to use the arrow keys to navigate a table in Bubble.

Using Custom States to Store the Last Viewed Page When Refresh
In this Bubble.io tutorial video we demonstrate how to convert a menu that uses Custom States to hide and show parts of your page to a menu that uses a User database field. We explain the advantages of saving the current view to the User to maintain a consistent user experience.

How to use the Bubble debugger to find missing data
In this Bubble tutorial video, I'm going to demonstrate how you can use the debugger bar at the bottom of your preview app to work out why a text label isn't working or data isn't being shown when you preview your app.

The mistake everyone makes with Auto-Binding in Bubble.io
In this Bubble.io tutorial we demonstrate the very common mistake that people make when using auto-binding to save data in their Bubble apps.

Bubble.io - Text to Speech API Part 1
In this Bubble tutorial we demonstrate how to connect to the speechgen.io API using the Bubble API connector. In Part 2 we'll show you how to create a simple text to speech generator in Bubble using workflows.

OpenAI GPT-4o Beginners Guide for No Coders
Learn how to add OpenAI GPT-4o to your Bubble.io app with this beginner's guide to integrating AI using no-code development.