Standard Data Table (Repeating Group)
Use this to display data in a 4-column data table and for more complex data table UI (e.g. nested repeating groups)
Overview
This block allows a user to view a list of things in a data table format and apply additional filters to the list.
A user can click on the ︙icon to edit or delete an item via a menu focus group. For more information on how to use the menufocusgroup_template reusable element, please click here.
There is another version of this block built using a Table element instead of Bubble's Repeating Group element. You should use this Repeating Group version if you need a more complex data table UI (e.g. nested repeating groups or clicking on a row to expand more details below the row). If you're building a simple data table, then we recommend using the Table element version.
Structure
When this block is added to a page, it is placed within a Group main content - Paste group on the page. This group contains the responsive settings for all blocks.
This block contains three main groups:
Group Main title block This group contains the title, add button, and reusable element filters_template.
Group Inner tables header content This group contains the table column headers.
RepeatingGroup text This repeating group that holds the main data that is displayed by the table. For demo purposes, we use Arbitrary Text as a data source. Click here to learn how to change the data source.
This module contains the menufocus_template reusable element. This reusable element contains all the additional actions you can perform (e.g., edit data, delete data, and more)
How to set up
Update the data type and data source for RepeatingGroup text (you will most likely want to change this to a non-text data type). Click here to learn how to change the data source.
Update header text and the data source of the texts in the block
Remove Button Add or add a workflow to the button
For more information on how to customize the filters, please click here.
Open menufocus_template and modify the type of content displayed in the reusable to be whatever data object for which you want