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.
`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).