Angular Data Grid Methods

Methods

CoreUI Data Grid for Angular component members and helpers — the headless table getter, CSV export functions and default labels.

Grab the component with viewChild(DataGridComponent) (or a template reference variable) to reach its members; the CSV helpers are standalone functions.

Member	Description
`table` (component property)	The underlying headless table instance — the headless escape hatch for building custom UI.
`isDirty()`	Returns whether any cell differs from its value before its first commit (`editTracking`); see Edit tracking.
`getEditedCells()`	Returns the edited cells as `{ rowId, columnId, item, value, originalValue }[]`.
`isValid()`	Returns whether no row has an error from `validate`; see Validating the data.
`getInvalidCells(level?)`	Returns `{ rowId, columnId, item, message, level }[]` for every row.
`clearEdited()`	Forgets the original values, so no cell counts as edited. Call it after saving.
`getRowElement(id)`	Returns the rendered row with the given id (`itemKey`), or `null`. See Rows and cells in the DOM.
`getCellElement(id, columnId)`	Returns the rendered data cell of that row and column, or `null`.
`exportCsv(table, options?)`	Returns the rows as an RFC-4180 CSV string. Options: `scope`, `delimiter`, `bom`, `sanitize`. See CSV export.
`downloadCsv(table, options?)`	Downloads the CSV as a file. Same options plus `filename`.
`DEFAULT_LABELS`	The default UI strings, for extending rather than replacing. See Localization.

import { Component, viewChild } from '@angular/core'
import { DataGridComponent, downloadCsv } from '@coreui/angular-data-grid'

@Component({ /* … */ })
export class UsersComponent {
  private readonly grid = viewChild.required(DataGridComponent)

  export() {
    downloadCsv(this.grid().table, { filename: 'users.csv' })
  }
}

Where the vanilla grid has imperative methods, the Angular grid leans on the framework instead:

update(options) — change the bound inputs; the grid re-renders reactively.
dispose() — the component cleans up when Angular destroys it.
getSelectedItems() — read selectedItems from the selectionChange output, or call grid.table.getSelectedRowModel().rows.map((row) => row.original).