Localization

Every user-facing string flows through a localization table. Override any subset per instance via useDataTable({ localization }), or app-wide via DataTableConfigProvider. Function-valued entries handle interpolation and plurals.

const table = useDataTable({
  data,
  columns,
  localization: {
    search: "Buscar",
    rowsPerPage: "Filas por página",
    paginationRange: (start, end, total) => `${start}–${end} de ${total}`,
  },
})

See the Localization guide for a full example. The complete key set and English defaults:

Key	Type	Default	Description
`selectAll`	`string`	`Select all`	—
`selectRow`	`string`	`Select row`	—
`clearSelection`	`string`	`Clear selection`	—
`rowsSelected`	`(selected: number, total: number) => string`	(selected, total) => `${selected} of ${total} row${total === 1 ? "" : "s"} selected`	—
`sortByColumnAsc`	`(column: string) => string`	(column) => `Sort by ${column} ascending`	—
`sortByColumnDesc`	`(column: string) => string`	(column) => `Sort by ${column} descending`	—
`sortAscending`	`string`	`Sort ascending`	—
`sortDescending`	`string`	`Sort descending`	—
`clearSort`	`string`	`Clear sort`	—
`sortedAscending`	`string`	`Sorted ascending`	—
`sortedDescending`	`string`	`Sorted descending`	—
`columnActions`	`string`	`Column actions`	—
`hideColumn`	`string`	`Hide column`	—
`showAllColumns`	`string`	`Show all columns`	—
`pinToLeft`	`string`	`Pin to left`	—
`pinToRight`	`string`	`Pin to right`	—
`unpin`	`string`	`Unpin`	—
`reorderColumn`	`string`	`Reorder column`	—
`reorderRow`	`string`	`Reorder row`	—
`pinRow`	`string`	`Pin row`	—
`unpinRow`	`string`	`Unpin row`	—
`resizeColumn`	`string`	`Resize column`	—
`groupByColumn`	`(column: string) => string`	(column) => `Group by ${column}`	—
`ungroupByColumn`	`(column: string) => string`	(column) => `Ungroup by ${column}`	—
`groupedBy`	`string`	`Grouped by`	—
`dropToGroupBy`	`string`	`Drag a column here to group by it`	—
`expand`	`string`	`Expand`	—
`collapse`	`string`	`Collapse`	—
`expandAll`	`string`	`Expand all`	—
`collapseAll`	`string`	`Collapse all`	—
`toggleRowExpanded`	`string`	`Toggle row expanded`	—
`columnVisibility`	`string`	`Column visibility`	—
`toggleColumnVisibility`	`string`	`Toggle column visibility`	—
`filterByColumn`	`(column: string) => string`	(column) => `Filter by ${column}`	—
`clearFilter`	`string`	`Clear filter`	—
`filterMode`	`string`	`Filter mode`	—
`changeFilterMode`	`string`	`Change filter mode`	—
`filterPlaceholder`	`(column: string) => string`	(column) => `Filter ${column}…`	—
`showColumnFilters`	`string`	`Show filters`	—
`hideColumnFilters`	`string`	`Hide filters`	—
`min`	`string`	`Min`	—
`max`	`string`	`Max`	—
`pickDate`	`string`	`Pick a date`	—
`pickDateRange`	`string`	`Pick a date range`	—
`filterModes`	`Record<string, string>`	{ fuzzy: "Fuzzy", contains: "Contains", startsWith: "Starts with", endsWith: "Ends with", equals: "Equals", notEquals: "Not equals", empty: "Empty", notEmpty: "Not empty", between: "Between (exclusive)", betweenInclusive: "Between (inclusive)", greaterThan: "Greater than", greaterThanOrEqualTo: "Greater than or equal to", lessThan: "Less than", lessThanOrEqualTo: "Less than or equal to", before: "Before", after: "After", betweenDates: "Between", equalsString: "Equals", arrIncludesSome: "Includes", equalsBool: "Equals", }	Labels for each filter mode, keyed by the `FilterMode` string.
`advancedFilters`	`string`	`Advanced filters`	—
`advancedFiltersMatchLabel`	`string`	`Match`	—
`advancedFiltersMatchAll`	`string`	`All`	—
`advancedFiltersMatchAny`	`string`	`Any`	—
`advancedFiltersOf`	`string`	`of the following rules`	—
`advancedFiltersAddRule`	`string`	`Add filter`	—
`advancedFiltersApply`	`string`	`Apply`	—
`advancedFiltersClearAll`	`string`	`Clear all`	—
`advancedFiltersColumn`	`string`	`Column`	—
`advancedFiltersOperator`	`string`	`Operator`	—
`advancedFiltersValue`	`string`	`Value`	—
`advancedFiltersEmpty`	`string`	`No filters yet. Add one to get started.`	—
`removeFilterRule`	`string`	`Remove filter`	—
`advancedFilterOperators`	`Record<string, string>`	`{ contains: "contains", notContains: "does not contain", startsWith: "starts with", endsWith: "ends with", equals: "equals", notEquals: "does not equal", isEmpty: "is empty", isNotEmpty: "is not empty", greaterThan: "greater than", greaterThanOrEqual: "greater than or equal", lessThan: "less than", lessThanOrEqual: "less than or equal", between: "is between", }`	Operator labels, keyed by `AdvancedFilterOperator`.
`search`	`string`	`Search`	—
`searchPlaceholder`	`string`	`Search…`	—
`clearSearch`	`string`	`Clear search`	—
`globalFilterMode`	`string`	`Search mode`	—
`toggleDensity`	`string`	`Toggle density`	—
`densityComfortable`	`string`	`Comfortable`	—
`densityCompact`	`string`	`Compact`	—
`densitySpacious`	`string`	`Spacious`	—
`enterFullscreen`	`string`	`Enter full screen`	—
`exitFullscreen`	`string`	`Exit full screen`	—
`rowsPerPage`	`string`	`Rows per page`	—
`paginationRange`	`(start: number, end: number, total: number) => string`	(start, end, total) => `${start}–${end} of ${total}`	—
`goToFirstPage`	`string`	`Go to first page`	—
`goToPreviousPage`	`string`	`Go to previous page`	—
`goToNextPage`	`string`	`Go to next page`	—
`goToLastPage`	`string`	`Go to last page`	—
`goToPage`	`(page: number) => string`	(page) => `Go to page ${page}`	—
`rowActions`	`string`	`Row actions`	—
`edit`	`string`	`Edit`	—
`save`	`string`	`Save`	—
`cancel`	`string`	`Cancel`	—
`delete`	`string`	`Delete`	—
`create`	`string`	`Create`	—
`createNewRow`	`string`	`Create new row`	—
`editRow`	`string`	`Edit row`	—
`required`	`string`	`Required`	—
`copy`	`string`	`Copy`	—
`copied`	`string`	`Copied`	—
`cellActions`	`string`	`Cell actions`	—
`export`	`string`	`Export`	—
`exportCsv`	`string`	`Export to CSV`	—
`exportExcel`	`string`	`Export to Excel`	—
`noRecordsToDisplay`	`string`	`No records to display`	—
`loading`	`string`	`Loading…`	—

← PreviousTable instance Next →Icons