Skip to content

Add Multi-View Expandable Table custom component#17

Merged
angelikretool merged 2 commits intotryretool:mainfrom
widlestudiollp:feature-expandable-table
Apr 2, 2026
Merged

Add Multi-View Expandable Table custom component#17
angelikretool merged 2 commits intotryretool:mainfrom
widlestudiollp:feature-expandable-table

Conversation

@widlestudiollp
Copy link
Copy Markdown
Contributor

Overview

This PR adds a new custom component: Multi-View Expandable Table.

It is a flexible and interactive table designed for Retool that supports expandable rows with multiple visualization modes, making it easier to explore both summary and detailed data.


Features

  • Expandable rows with multiple view modes:
    • Table view
    • Cards view
    • Bar chart view (auto-generated from numeric data)
    • Key-value pair view
  • Global search across all fields (including nested data)
  • Column sorting (ascending / descending)
  • Pagination with page navigation
  • Automatic handling of:
    • Arrays (rendered as tags)
    • URLs (clickable links)
    • Booleans (icons)
    • Nested objects
  • Built-in sample data for quick preview
  • Toggleable search bar using checkbox input (showSearchBar)

Usage

  • Pass your dataset using tableData
  • Add nested details inside a details object for expandable content
  • Configure:
    • pageSize
    • showSearchBar
    • viewMode
    • Color inputs (header, text, accent)

Why this component?

Retool’s default table is powerful but limited for displaying rich nested data.

This component enhances usability by allowing multiple visual representations inside expandable rows, making it ideal for dashboards, analytics, and operational tools.


Notes

  • If no data is provided, the component automatically displays sample data
  • Designed for performance using React hooks and optimized rendering

@angelikretool angelikretool merged commit 5bd39f7 into tryretool:main Apr 2, 2026
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants