New table visualization is generally available
New table visualization is generally available
In May 2025, we refactored the table visualization to use the react-data-grid library, resulting in significant performance improvements. We released this in public preview. Now, this version of the table is generally available, and along with that, we’ve made a number of improvements, big and small. We’ve added the following options:
- Cell types, Pill and Markdown + HTML
- Wrap header text
- Frozen columns - Freeze as many columns as you want, starting from the left side of the table.
- Max row height - This is helpful when you apply text wrapping to one or more columns, which can significantly increase the height of a cell.
- Tooltip from field - Render the content from one cell as the tooltip for another cell.
We’ve also added new functionality to the table footer, significantly improved its display, and streamlined the configuration process.
Lastly, we’ve moved Wrap text from the cell option level to the table option level.
New cell types
We’ve added two exciting new cell types: Pill and Markdown + HTML
Pill
The Pill cell type displays each item in a comma-separated string in a colored block:
The colors applied to each piece of text are maintained throughout the table. For example, if the word “test” is first displayed in a red pill, it will always be displayed in a red pill.
The pill cell type supports the following data formats:
- Comma-separated values (
cows,chickens,goats) - JSON arrays of uniform (
(["cows","chickens","goats"])) or mixed ([1,2,3,"foo",42,"bar"]) types
Markdown + HTML
The Markdown + HTML cell type displays rich Markdown or HTML content, rendered using the GitHub-Flavored Markdown spec. This is useful if you need to display customized, pre-formatted information alongside tabular data, such as formatted strings, lists of links, or other dynamic cases.
Tooltip from field
With the tooltip from field feature, you can use any of the fields in the table as the source of tooltip content.
For more information, refer to Generate tooltips from table fields.
Updated footer
The table footer displays the results of calculations (and reducer functions) on fields. We’ve updated the footer so you can apply multiple calculations or reducers simultaneously.
For more information, refer to Improved footer for table.
