Overview
Table 05 is an interactive data table component featuring multi-row checkbox selection, user profile display, and structured data columns including Name, Email, Status, Balance, and Location. It supports row hover highlighting and tracks selected rows via a custom state, making it ideal for admin dashboards, user management screens, or any list-based UI requiring bulk selection functionality.
How to use
Open the Brikl panel
Navigate to the Elements category in the Brikl panel.
Copy the component
Find Table 05 and click Copy.
Paste into your editor
Paste it into your Bubble canvas with Cmd + V (Mac) or Ctrl + V (Windows),
or right-click on the canvas and select Paste.
States
This component includes conditional states that automatically change its appearance.
| State | Trigger | Visual effect |
|---|
| Row Hover | User hovers over a table row (TableCrossAxis) | Row background changes to a light gray (rgba(245,244,244,0.5)) |
| Row Selected | The row’s data is contained in the Table’s custom state ‘items_‘ | Row background changes to light gray and the checkbox icon changes to a filled check with black background |
| Checkbox Checked | Row is present in the Table’s custom state ‘items_‘ | Checkbox icon switches from an empty square (feather square) to a checkmark (feather check) with black fill |
These states are handled natively by Bubble and require no additional setup.
They will work automatically once the component is pasted into your editor.
Responsive
This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble’s built-in mobile breakpoint.
Workflows
This component includes pre-built workflows.
| Trigger | Action |
|---|
| Icon - Checkbox (Table 05) is clicked (when row IS already selected) | Removes the current row’s data from the Table’s custom state ‘items_’ using minus_element, effectively deselecting the row |
| Icon - Checkbox (Table 05) is clicked (when row is NOT selected) | Adds the current row’s data to the Table’s custom state ‘items_’ using plus_element, effectively selecting the row |
These workflows are included when you use the Copy with Workflows option in the Brikl panel.
Requirements
| |
|---|
| License | Starter plan required |
| Plugins | None |
| Custom code | Not required |
| Platform | Supported |
|---|
| Web | ✅ |
| Mobile | ❌ |
License
This component requires a Starter plan.
