Props API

query
DataGridQueryProps

DataGrid query props

resizable
boolean

If true, the table columns will be resizable

headers
string[]

If passed along with rows the component will ignore the built-in GraphQL operations

rows
(string | null)[][]

If passed along with headers the component will ignore the built-in GraphQL operations

loading
boolean

When true, shows a skeleton loader

paginationProps
DataGridPaginationProps

Props that will affect pagination

disablePagination
boolean

If true, the pagination footer will be hidden

tableLinesLayout
"vertical" | "horizontal" | "both" | "none"

Determines how the table lines are shown, defaults to “both”

slotProps
SlotProps
hideBorder
boolean

If true, the table border will be hidden

borderColor
AccentColors | string

The color of the table border

gridLineColor
AccentColors | string

The color of the grid lines

accentColor
AccentColors

The global theme accent color. This color is used to highlight elements

prettifyHeaders
boolean

If true, the headers will be prettified

showRowCount
boolean

If true, row count will be shown in the footer