Data Grid

4.2.37

Data Grids display information in a way that’s easy to scan, so that users can look for patterns and insights. They can be embedded in primary content, such as cards.

Demo

NamnTypBeskrivning

actionButtons

Action buttons for the data grid, either a static array or a function returning an array based on selected rows.

autoHeight

booleanIf true, the Data Grid height is dynamic and follows the number of rows in the Data Grid.

checkboxColumnWidth

numberWidth of the checkbox column.

checkboxes

booleanIf true, a checkbox column will be added to the grid.

columns *

DataGridColumnProps[]Set of columns of type DataGridColumnProps<T>.

contextMenu

DataGridRowActionMenuTypeContext menu configuration for each row, either as a static menu or a function returning a menu based on the row data.

disableSelectionOnClick

booleanIf true, the grid will not trigger row selection on click.

fillHeight

booleanIf true, the grid will fill the height of the parent container.

fillHeightMinHeight

numberMinimum height of the grid when fillHeight is true.

fillHeightOffset

numberOffset of the grid when fillHeight is true.

filters

FilterModel[]Filters for the data grid.

height

string | numberHeight of the data grid.

hoverMenuItems

Hover menu items, either a static array or a function returning items based on row data.

lang *

stringLanguage used for internal translations.

maxHeight

string | numberMaximum height of the data grid.

negativeMargins

booleanNegative horizontal margins.

onRowMouseOver

(row: undefined | T) => voidCallback function that is triggered when a row is hovered over.

pagination

booleanIf true, pagination is enabled.

quickFilterValues

unknown[]Values used for quick filtering the data grid.

width

string | numberWidth of the data grid.

Installation

npm install @sj-ab/component-library.ui.data-grid

Länkar

Tillgänglighet

Data Grid har i nuläget kända tillgänglighetsproblem för användare med hjälpmedel och måste användas med försiktighet.

Change log

Statistik

  • Importer av Data Grid

    17
  • Repos med Data Grid

    15%
  • Senaste installerade version av Data Grid

    4.2.28
  • Äldsta installerade version av Data Grid

    4.2.25