Angular Data Grid Localization

Localization

Translate every CoreUI Data Grid for Angular UI string through the labels input, with {token} interpolation for dynamic values.

On this page

Every UI string the grid renders — menu items, pagination labels, ARIA announcements — comes from the labels input. Bind your own strings and they’re merged over the defaults, so you only override what you need.

Usage

<c-data-grid [columns]="columns" [items]="items" [labels]="labels" />

import type { DataGridLabels } from '@coreui/angular-data-grid'

readonly labels: Partial<DataGridLabels> = {
  globalFilterPlaceholder: 'Szukaj…',
  pageSizeLabel: 'Wierszy na stronę',
  itemsInfo: '{first}–{last} z {total}'
}

Interpolation

Labels with {token} placeholders are interpolated at render time — unknown tokens are left untouched. Available tokens: {column} (column label), {first}, {last}, {total} (pagination range) and {count} (results announcement).

Default labels

Key	Default	Used by
`addCondition`	`Add condition`	Filter menu
`applyFilter`	`Apply`	Filter menu
`clearFilter`	`Clear filter`	Filter menu + quick-input clear
`clearSort`	`Unsort`	Column menu sort actions
`columnMenu`	`Column options for {column}`	Column menu button
`filterAction`	`Filter…`	Column menu action
`filterColumn`	`Filter {column}`	Filter input
`filterSummaryConditions`	`{count} conditions`	Quick-input summary
`filterSummarySelected`	`{count} selected`	Quick-input summary
`firstPage`	`First page`	Pagination
`globalFilterLabel`	`Search`	Global search accessible label
`globalFilterPlaceholder`	`Search`	Global search placeholder
`hideColumn`	`Hide column`	Column menu
`itemsInfo`	`{first}–{last} of {total}`	Pagination range summary
`joinAnd`	`AND`	Filter menu
`joinOr`	`OR`	Filter menu
`lastPage`	`Last page`	Pagination
`loadError`	`Failed to load data`	Server-side error state
`loading`	`Loading…`	Server-side loading overlay
`moveLeft`	`Move left`	Column menu
`moveRight`	`Move right`	Column menu
`nextPage`	`Next page`	Pagination
`operatorBetween`	`Between`	Filter menu operators
`operatorBlank`	`Blank`	Filter menu operators
`operatorContains`	`Contains`	Filter menu operators
`operatorEndsWith`	`Ends with`	Filter menu operators
`operatorEquals`	`Equals`	Filter menu operators
`operatorGreaterThan`	`Greater than`	Filter menu operators
`operatorGreaterThanOrEqual`	`Greater than or equal`	Filter menu operators
`operatorLessThan`	`Less than`	Filter menu operators
`operatorLessThanOrEqual`	`Less than or equal`	Filter menu operators
`operatorNotBlank`	`Not blank`	Filter menu operators
`operatorNotContains`	`Does not contain`	Filter menu operators
`operatorNotEquals`	`Not equals`	Filter menu operators
`operatorStartsWith`	`Starts with`	Filter menu operators
`pageSizeLabel`	`Rows per page`	Pagination page-size selector
`paginationLabel`	`Pagination`	Pagination nav accessible label
`pinLeft`	`Pin left`	Column menu
`pinRight`	`Pin right`	Column menu
`previousPage`	`Previous page`	Pagination
`resetColumns`	`Reset`	Toolbar column chooser footer
`redoneAnnouncement`	`Change redone`	Undo & redo ARIA live announcement
`resetColumns`	`Reset`	Toolbar column chooser
`resultsAnnouncement`	`{count} results`	ARIA live announcement
`searchValues`	`Search values`	Set filter search box
`selectAllRows`	`Select all rows`	Selection header checkbox
`selectAllValues`	`Select all`	Set filter
`selectRow`	`Select row`	Selection row checkbox
`showAllColumns`	`Show all`	Toolbar column chooser footer
`sortAscending`	`Sort ascending`	Column menu sort actions
`sortDescending`	`Sort descending`	Column menu sort actions
`toolbarColumns`	`Columns`	Toolbar column chooser button
`toolbarExport`	`Export`	Toolbar export button
`toolbarRedo`	`Redo`	Toolbar redo button
`toolbarUndo`	`Undo`	Toolbar undo button
`undoneAnnouncement`	`Change undone`	Undo & redo ARIA live announcement
`unpin`	`Unpin`	Column menu

The defaults are exported as DEFAULT_LABELS from @coreui/angular-data-grid if you want to extend rather than replace them.