It’s officially here! We’re excited to roll out the long-awaited first iteration of Bubble’s new Table element.
The Table element is a new container type that’s similar to a Repeating Group, but with special features that make it easier to build beautiful, responsive tables in your applications.
With the table element, you can:
Create column headers by making one or more static rows at the top of the table that are unaffected by the element’s data source.
Make static rows “sticky,” meaning they will remain at the top as you scroll through the records below (for those big dashboards you build)
Decide how many rows and columns you want to display (including infinite) and adjust the overall table structure as needed
Easily copy/paste rows and columns
Read more in the blog post, or get all the fine details in the manual.
We also want to give a shout out to the community who proposed and upvoted this feature on the ideaboard — there are a ton of highly-requested features out there, and this is just the first step in giving you more ways to build and display data in your app.
As always, we’d love to hear your feedback on how you’re planning to use the table element in the comments!
I was hoping for Excel-table like behavior (like the current Bubble HandsonTable) in run-mode so multiple rows/columns/cells can be selected/copy/pasted with events when those happen, but maybe in the future
Looks useful either way!
Also I noticed on the new table element autobinding doesn’t work with the input directly in the cell. Easy fix for now is put the input in a group first.
I thought it would have the ability to do calculations from different Cell’s inputs. But rather it just solves the problem of having a title row that is static.
Man this would be nice!!! I still have trouble grabbing input values inside of a repeating group. Kills me anytime I have to do that - And for some reason I find myself having to do it often.
Nice! @kate.mcnally Is drag & drop resorting on the roadmap?
As a user I want the ability to quickly and permanently resort the order of things in a list So that I don’t need to make a number of manual updates to a sort order / index
Nice. It speeds up development proccess. How to make it dynamic like repeating groups? Eg. hit a button to show next / previous 10 rows. It would be nice same Element Actions of Repeating Groups in Workflow tab.
I was expecting a few things differently on this component:
I was expecting the header row could be dynamic… such that in row 0 we would get to choose the field names from the “Type of Content” that we specified and those row 0 choices define the data for each respective column.
I was expecting to see sortable column headers
I was expecting to see paging built in to the table component.
I was expecting a “footer” row(s) similar to the header where we would have the ability to select summed/total values “automagically”
I realize this is a beta release and it is a great start for sure. Is there a roadmap for additional features for this particular component?
I’ve built a table with a data source that can be filtered on the page. The table updates the first time a filter is applied. When I clear the filter, the table does not revert back to show the unfiltered list. Anyone else facing this issue?
Check it out on our documentation: 