Setting Up a Table Element
1. Drag the Table/Grid Tabulator Plugin under visual elements section onto your Bubble page.
2. Access the plugin’s property editor to configure:
- Data Source: Select Bubble's database, API data, or upload a CSV file.
- Styling Options: Customize colors, padding, and hover effects.
- Table Behavior: Enable sorting, search filters, and multi-row selection.
Dynamic Columns and Data FetchingEnsure your data source includes column headers for seamless column configuration.
The plugin automatically maps the data and displays it in the table.
Export and Row Management OptionsThe Table/Grid Tabulator Plugin offers powerful export and row management features, enabling users to manage and download table data efficiently. These actions are triggered via button clicks in Bubble workflows and can be customized to meet user requirements.
1.
Export OptionsThe plugin supports two export functionalities:
a.
Export Entire Table as CSV This action allows users to download all the data in the table as a CSV file.
Use this option when you want a complete data export, regardless of any selections made in the table.
Triggered through the Export as CSV action in Bubble workflows.
b.
Export Selected Rows as CSV This action downloads only the rows that have been selected by the user in the table.
Use this option to export specific data, such as selected entries for focused analysis or reporting.
Triggered through the Export Selected Rows as CSV action in Bubble workflows.
2.
Row ManagementThe plugin also includes a row management feature to help users dynamically manage their table data:
a.
Delete Selected Rows This action removes only the rows that the user has selected from the table.
Ideal for managing and cleaning data dynamically.
Triggered through the Delete Selected Rows action in Bubble workflows.
To enable this functionality, ensure you fill the plugin field with the Table/Grid Tabulator Plugin allow_deletion state. This ensures the table updates correctly after rows are deleted.
By following these steps, you can easily incorporate these functionalities into your workflows for efficient table management.