Skip to content

YuvTableGridComponent

component

Thin Angular wrapper around AgGridAngular that provides a yuuvis-themed data grid with a consistent host class and pre-applied default theme.

Inputs are forwarded to the underlying AG Grid instance, and the most common grid events are re-emitted as Angular outputs. Consumers that need access to the raw grid API can read the grid view child.

Example :

<yuv-table-grid
[rowData]="rows()"
[columnDefs]="columns"
(rowClicked)="onRowClicked($event)">
</yuv-table-grid>

Selector: yuv-table-grid

Standalone: No

Type: (ColDef<TData> | ColGroupDef<TData>)[]

Default Value: []

Column or column-group definitions describing the grid’s structure.

Type: GridOptions<TData>

Default Value: \{\}

Additional AG Grid options merged with the component’s defaults.

Type: TData[] | null

Default Value: null

Row data rendered by the grid. null keeps the grid in its loading state.

Type: Theme

Default Value: yuuvisTableGridTheme

AG Grid theme applied to the grid; defaults to the yuuvis grid theme.

Type: CellClickedEvent<TData>

Emitted when a cell is clicked.

Type: FilterChangedEvent<TData>

Emitted when the grid’s filter state changes.

Type: GridReadyEvent<TData>

Emitted once the grid has finished initializing and the API is available.

Type: RowClickedEvent<TData>

Emitted when a row is clicked.

Type: RowDoubleClickedEvent<TData>

Emitted when a row is double-clicked.

Type: SelectionChangedEvent<TData>

Emitted whenever the set of selected rows changes.

Type: SortChangedEvent<TData>

Emitted when the grid’s sort state changes.

Type: unknown

Default Value: viewChild.required(AgGridAngular)

Reference to the underlying AG Grid Angular instance for direct API access.