MARKETPLACE
PLUGINS
TCH - DYNAMIC COLUMNS
TCH - Dynamic Columns logo

TCH - Dynamic Columns

Published October 2024
   •    Updated January 2026

Plugin details

Overview The "TCH-ResizableHeader" element allows you to create resizable table headers using native Bubble groups. When users drag the resize handle, both the header element and any synchronized elements (like table cells) will dynamically adjust their widths together.

Key Features:
• Visual Resize Handle: Draggable handle on header elements
• Synchronized Width Updates: Updates the CSS class instead of individual elements
• Constraint Controls: Set minimum and maximum width limits
• Programmatic Control: Actions to set or reset widths via workflows
• Performance Optimized: Uses CSS variables for smooth updates
• Debug Mode: Optional console logging for troubleshooting

"TCH-Dynamic Column" element
This is a version that does not need a plugin like Classify to inject CSS classes first. It will use an element ID prefix instead. See properties for instructions.

Free

For everyone

5.0 stars   •   1 ratings
44 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

The Coffee Hat logo
The Coffee Hat
Joined 2021   •   19 Plugins
View contributor profile

Instructions

Setup Instructions
1. Add the Plugin Element
• Drag the TCH-ResizableHeader element onto your page
• Configure the required properties
• Place the element anywhere on your page

2. Prepare Your Table Structure

Header Element
• Create a Group or Text element that will serve as your table header
• Give it a unique Element ID (e.g., "header-column-1")
Apply basic styling as needed

Table Cell Elements
• Create Groups or Text elements for your table cells
• Give them all the same CSS class name (e.g., "table-column-1")
• Ensure they have appropriate styling

Note
You will need to use a plugin like Classify to inject a class into a Bubble element. This plugin will not work otherwise since it uses CSS Classes.

You can alternatively use the TCH - Dynamic Column element which tracks new rows using element ID prefixes.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial
Forum

Rating and reviews

Average rating (5.0)

Incredible
October 30th, 2025
I have no idea why this plugin isn't more popular. Absolutely amazing and that for free?! You're awesome!
Bubble