Type shape
type DataTableTranslations = actions: delete: string; edit: string; copy: string; export: string; save: string; cancel: string; confirm: string; title: string; view: string ; bulk: closemenu: string; confirmcopydescript...
Guide
Translation keys, namespaces, and override strategies
type DataTableTranslations = actions: delete: string; edit: string; copy: string; export: string; save: string; cancel: string; confirm: string; title: string; view: string ; bulk: closemenu: string; confirmcopydescript...
translations: namespace: 'common', keys: 'columns.title': 'Columns',
You can supply a full DataTableTranslations object to the provider for consistent localization across tables.
What this page covers
The original MDX source has been condensed into CMS-native cards so the page can be edited and republished from the control plane.
type DataTableTranslations = actions: delete: string; edit: string; copy: string; export: string; save: string; cancel: string; confirm: string; title: string; view: string ; bulk: closemenu: string; confirmcopydescript...
translations: namespace: 'common', keys: 'columns.title': 'Columns',
You can supply a full DataTableTranslations object to the provider for consistent localization across tables.
Filters (advanced): Operator names (Contains, Equals, Starts with, etc.) use the filters.operators. keys. Both the dropdown options and the selected value shown when the operator select is closed are translated, so the...
When using getFormConfig and the built-in create/edit form (catalog form), the form resolves all labels, placeholders, and button text from the same DataTableTranslations object you pass to the provider. Add a form and...
Use the following keys to construct your translations object. All values are strings. actions Used by row actions, toolbar export button, and by the bulk actions menu (Edit, Copy, Export, Delete tabs and dialog buttons)...
Implementation notes
Open-source React data table for Shadcn UI and TanStack Table with URL state, Server Actions, bulk actions, and full code ownership
$ type DataTableTranslations = {
$ selection: { rows: string };
$ }
$ translations: {
$ namespace: 'common',