Table

Table panel - tabular data display.

Use for detailed data that needs sorting/filtering.

Usage

<Table title="Top Pods">
  <Query refId="cpu" format="table" instant>
    topk(10, sum by (pod) (rate(cpu_usage[$__rate_interval])))
  </Query>
</Table>

Example 2

// With pagination and cell height
<Table
  title="Events"
  cellHeight="md"
  enablePagination
  frozenColumns={{ left: 1 }}
>
  <Query format="table" instant>events_total</Query>
</Table>

Props

Prop	Type	Default	Description
`unit`	`Unit`	-	Display unit for all columns
`decimals`	`number`	-	Decimal places
`thresholds`	`ThresholdSpec`	-	Threshold configuration
`baseColor`	`'green' \| 'transparent' \| 'text' \| string`	green	Base threshold color
`sortBy`	`{ field: string; desc?: boolean }`	-	Sort configuration
`transformations`	`Transformation[]`	-	Data transformations
`columnOverrides`	`TableColumnOverride[]`	-	Column overrides
`cellHeight`	`TableCellHeight`	-	Cell height size
`enablePagination`	`boolean`	-	Enable table pagination
`showHeader`	`boolean`	-	Show table header row
`showTypeIcons`	`boolean`	-	Show type icons in column headers
`frozenColumns`	`{ left?: number; right?: number }`	-	Freeze columns (prevent horizontal scroll)
`maxRowHeight`	`number`	-	Maximum row height in pixels (0 = auto)
`frameIndex`	`number`	-	Frame index to display (when multiple frames)

Inherits from BasePanelProps