CoreUI Data Grid events — namespaced *.coreui.data-grid, each carrying structured state.
All events are namespaced *.coreui.data-grid and carry structured state.
Listen with element.addEventListener('sortingChange.coreui.data-grid', handler).
| Event | Payload |
|---|---|
sortingChange | { sorting: SortingState } |
filterChange | { columnFilters: ColumnFiltersState, globalFilter: string } |
selectionChange | { rowSelection: RowSelectionState, selectedItems: object[] } |
paginationChange | { pagination: PaginationState } |
sizingChange | { columnSizing: ColumnSizingState } |
pinningChange | { columnPinning: ColumnPinningState } |
orderChange | { columnOrder: ColumnOrderState } |
visibilityChange | { columnVisibility: VisibilityState } |
editStart | { item: object, columnId: string } |
editCommit | { item: object, columnId: string, value: unknown, previousValue: unknown } — the grid never mutates items; apply the change yourself. Undo/redo re-emits it with the values swapped |
editCancel | { item: object, columnId: string } |
dataLoad | { items: object[], totalRows: number } (server-side mode) |
dataError | { error: unknown } (server-side mode) |