marigold-ui/marigold_2026

Table

Basic

Renders the table structure, headers and rows

Dynamic Data

Renders dynamic data and updates the selection

Widths And Overflow

Applies custom widths and toggles truncation

Empty

Shows the empty state with headers and no data rows

Sorting

Sorts by column ascending, descending and by other columns

With Actions

Opens and uses the row action menu

Scrollable And Sticky

Keeps the header sticky while scrolling

Links

Renders rows as links with descriptions

Drag And Drop

Renders draggable rows in their initial order

Reorders rows with keyboard drag and drop

Allow Text Selection

Toggles text selection behavior

Editable Cell

Edits, saves and cancels editable cells

Opens the editor with an edited value

Dynamic Columns And Rows

Toggles columns and adds rows

Cell Override Table Truncate

Inherits the table truncate default and overrides per cell

Vertical Alignment

Drag Preview

Renders drag previews with first item text and counts

Column Alignment

Inherits column alignment in cells

Footer Totals

Sticky Footer

Keeps the footer sticky while scrolling

Chromatic publishes Storybook to streamline collaboration

Learn more Sign in