YaYaw TableYaYaw Table

Translation keys, namespaces, and override strategies

Translations Reference

Translations are strongly typed. Provide overrides either via the provider or directly in your table configuration under translations.keys.

Important: When you use the catalog form (create/edit via getFormConfig), the form uses the same translation function t() as the table — i.e. the same DataTableTranslations object passed to the provider. You must include form and value keys in that object so that field labels, placeholders (including the value-type field), and form buttons resolve correctly. Otherwise you will see raw keys like value.string_placeholder in the UI.

Type shape

type DataTableTranslations = {
  actions: { delete: string; edit: string; copy: string; export: string; save: string; cancel: string; confirm: string; title: string; view: string };
  bulk: { close_menu: string; confirm_copy_description: string; confirm_delete_description: string; confirm_title: string };
  calculations: { none: string; count: string; percent: string; more: string; count_all: string; count_values: string; count_unique: string; count_empty: string; count_not_empty: string; count_true: string; count_false: string; percent_empty: string; percent_not_empty: string; percent_true: string; percent_false: string; sum: string; average: string; median: string; min: string; max: string; range: string; calculate: string };
  columns: { title: string; hide: string; show: string; visible: string; hidden: string; drag: string; resetOrder: string; toggleVisibility: string; hideAll: string; showAll: string; edit_property: string; filter: string; hide_in_view: string; reorder: string; sort_ascending: string; sort_descending: string };
  menu: { /* ... */ footer_calculations: string; footer_calculations_on: string; footer_calculations_off: string };
  pagination: { first: string; last: string; next: string; previous: string; of: string; page: string; rowsPerPage: string; showing: string; selectedCount: string };
  selection: { rows: string };
  // ... see full type in types/translations.ts
}

Inline overrides (config)

translations: {
  namespace: 'common',
  keys: {
    'columns.title': 'Columns',
    'actions.title': 'Actions',
  },
}

Provider-based

You can supply a full DataTableTranslations object to the provider for consistent localization across tables.

Where translations apply

  • 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 current operator always appears in the active locale (e.g. “Contient” instead of “contains”).
  • Pagination: All labels are translated: “Rows per page” (pagination.rowsPerPage), the “Page X of Y” text (pagination.showing, with {page} and {total}), and the first/previous/next/last button labels (pagination.first, pagination.previous, etc.). Both the default pagination and the button-style pagination (SafePagination) use these keys.
  • Footer calculations: Footer menu labels and results use calculations.* keys. The options-menu toggle uses menu.footer_calculations, menu.footer_calculations_on, and menu.footer_calculations_off.

Form translations (catalog form)

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 value section to that object.

  • form – Field labels (use labelKey in your form config, e.g. form.name), form buttons (cancel, submit, create, update), and success/error messages. The catalog form also uses createForm.title and createForm.description for the dialog/drawer header. For select fields, use form.valueType_options.boolean etc. if you use optionKeys.
  • value – Used by the value-type field: value.string_placeholder, value.json_placeholder, value.number_placeholder, and for the boolean switch value.enabled / value.disabled.

In your form config, set labelKey (and optionally placeholderKey, optionKeys) on each field so that the form builder replaces labels/options with t(labelKey).

Example object (form + value)

Merge this into the DataTableTranslations object you pass to the table (e.g. next to actions, columns, filters, etc.):

const myTableTranslations = {
  // ... actions, columns, filters, etc. ...

  form: {
    cancel: "Cancel",
    create: "Create",
    createError: "Failed to create",
    createForm: {
      description: "Add a new item.",
      title: "Create item",
    },
    created: "Created successfully",
    name: "Name",
    slug: "Slug",
    category: "Category",
    description: "Description",
    enabled: "Enabled",
    valueType: "Value type",
    value: "Value",
    submit: "Save",
    update: "Update",
    updateError: "Failed to update",
    updated: "Updated successfully",
    valueType_options: {
      boolean: "Boolean",
      number: "Number",
      string: "String",
      json: "JSON",
    },
  },
  value: {
    string_placeholder: "Default string value",
    json_placeholder: "{}",
    number_placeholder: "0",
    enabled: "Enabled",
    disabled: "Disabled",
  },
};

Form config example using labelKey and optionKeys so these keys are used:

defineFormConfig({
  id: "my-entity",
  defaultValues: { name: "", slug: "", valueType: "string", value: null, enabled: false },
  fields: [
    { name: "name", type: "text", label: "Name", labelKey: "form.name", required: true },
    { name: "slug", type: "text", label: "Slug", labelKey: "form.slug", required: true },
    {
      name: "valueType",
      type: "select",
      label: "Value type",
      labelKey: "form.valueType",
      optionKeys: [
        "form.valueType_options.boolean",
        "form.valueType_options.number",
        "form.valueType_options.string",
        "form.valueType_options.json",
      ],
      options: [
        { label: "boolean", value: "boolean" },
        { label: "number", value: "number" },
        { label: "string", value: "string" },
        { label: "json", value: "json" },
      ],
    },
    {
      name: "value",
      type: "value-type",
      label: "Value",
      labelKey: "form.value",
      valueTypeField: "valueType",
      supportedTypes: ["boolean", "json", "number", "string"],
    },
  ],
  schema: mySchema,
  translations: {
    namespace: "my.namespace",
    keys: {
      cancel: "form.cancel",
      submit: "form.submit",
      create: "form.create",
      update: "form.update",
      created: "form.created",
      updated: "form.updated",
      createError: "form.createError",
      updateError: "form.updateError",
      "createForm.title": "form.createForm.title",
      "createForm.description": "form.createForm.description",
    },
  },
});

See also:

All keys (dot-path)

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

KeyType
actions.deletestring
actions.editstring
actions.copystring
actions.exportstring
actions.savestring
actions.cancelstring
actions.confirmstring
actions.titlestring
actions.viewstring

bulk

Strings for the bulk actions overlay (shown when one or more rows are selected). Supports {action}, {count} and ICU plural: {count, plural, one {item} other {items}}.

KeyType
bulk.close_menustring
bulk.confirm_copy_descriptionstring
bulk.confirm_delete_descriptionstring
bulk.confirm_titlestring

columns

KeyType
columns.titlestring
columns.hidestring
columns.showstring
columns.visiblestring
columns.hiddenstring
columns.dragstring
columns.resetOrderstring
columns.toggleVisibilitystring
columns.hideAllstring
columns.showAllstring
columns.edit_propertystring
columns.filterstring
columns.hide_in_viewstring
columns.reorderstring
columns.sort_ascendingstring
columns.sort_descendingstring

common

KeyType
common.truestring
common.falsestring
common.loadingstring
common.errorstring
common.successstring
common.resetstring
common.searchstring

filters

KeyType
filters.titlestring
filters.addstring
filters.removestring
filters.applystring
filters.clearstring
filters.select_allstring
filters.noResultsstring
filters.noFiltersstring
filters.searchstring
filters.selectedCountstring
filters.active_countstring
filters.columnstring
filters.valuestring
filters.value_tostring
filters.select_operatorstring
filters.errorstring

filters.operators

KeyType
filters.operators.containsstring
filters.operators.equalsstring
filters.operators.starts_withstring
filters.operators.ends_withstring
filters.operators.not_containsstring
filters.operators.emptystring
filters.operators.not_emptystring
filters.operators.greater_thanstring
filters.operators.less_thanstring
filters.operators.greater_than_or_equalstring
filters.operators.less_than_or_equalstring
filters.operators.betweenstring
filters.operators.not_equalsstring
filters.operators.isstring
filters.operators.is_notstring
filters.operators.is_any_ofstring
filters.operators.is_none_ofstring
filters.operators.contains_allstring
filters.operators.contains_nonestring
filters.operators.beforestring
filters.operators.afterstring
filters.operators.on_or_beforestring
filters.operators.on_or_afterstring

filters.types

KeyType
filters.types.textstring
filters.types.numberstring
filters.types.datestring
filters.types.optionstring
filters.types.multiOptionstring

filters.date_shortcuts

KeyType
filters.date_shortcuts.todaystring
filters.date_shortcuts.yesterdaystring
filters.date_shortcuts.last_7_daysstring
filters.date_shortcuts.last_30_daysstring
filters.date_shortcuts.this_monthstring

filters.advanced

KeyType
filters.advanced.titlestring
filters.advanced.basic_titlestring
filters.advanced.convert_to_advancedstring
filters.advanced.filter_optionsstring
filters.advanced.edit_filterstring
filters.advanced.enable_filterstring
filters.advanced.disable_filterstring
filters.advanced.edit_filter_forstring
filters.advanced.editingstring
filters.advanced.donestring
filters.advanced.reset_filtersstring
filters.advanced.empty_descriptionstring
filters.advanced.add_first_filterstring
filters.advanced.quick_startstring
filters.advanced.quick_start_searchstring
filters.advanced.quick_start_statusstring
filters.advanced.quick_start_datestring
filters.advanced.load_error_titlestring
filters.advanced.load_error_descriptionstring
filters.advanced.retrystring
filters.advanced.results_countstring
filters.advanced.no_results_with_searchstring
filters.advanced.no_results_descriptionstring
filters.advanced.adjust_filters_hintstring
filters.advanced.modify_filtersstring
filters.advanced.filtered_instring
filters.advanced.search_columnsstring
filters.advanced.no_columns_foundstring
filters.advanced.no_columns_availablestring
filters.advanced.no_popular_filtersstring
filters.advanced.no_recent_filtersstring
filters.advanced.try_different_searchstring
filters.advanced.add_columnstring
filters.advanced.activestring
filters.advanced.activatestring
filters.advanced.offstring

filters.faceted

KeyType
filters.faceted.sort_by_labelstring
filters.faceted.sort_by_countstring
filters.faceted.sort_by_valuestring
filters.faceted.sort_by_trendingstring
filters.faceted.selected_of_totalstring
filters.faceted.options_countstring
filters.faceted.select_allstring
filters.faceted.select_nonestring
filters.faceted.top_5string
filters.faceted.trendingstring
filters.faceted.no_options_foundstring
filters.faceted.no_options_availablestring
filters.faceted.try_different_searchstring
filters.faceted.no_data_for_filterstring
filters.faceted.statisticsstring
filters.faceted.optionsstring
filters.faceted.recordsstring
filters.faceted.coveragestring

filters.add_menu

KeyType
filters.add_menu.allstring
filters.add_menu.popularstring
filters.add_menu.recentstring
filters.add_menu.clear_search_hintstring
filters.add_menu.navigate_hintstring
filters.add_menu.categories.recentstring
filters.add_menu.categories.popularstring
filters.add_menu.categories.textstring
filters.add_menu.categories.numberstring
filters.add_menu.categories.datestring
filters.add_menu.categories.optionstring

filters.presets

KeyType
filters.presets.titlestring
filters.presets.panel_titlestring
filters.presets.sharestring
filters.presets.duplicatestring
filters.presets.loadstring
filters.presets.used_timesstring
filters.presets.last_usedstring
filters.presets.save_dialog_titlestring
filters.presets.save_dialog_descriptionstring
filters.presets.name_labelstring
filters.presets.name_placeholderstring
filters.presets.description_labelstring
filters.presets.description_placeholderstring
filters.presets.tags_labelstring
filters.presets.tags_placeholderstring
filters.presets.make_publicstring
filters.presets.no_active_filters_to_savestring
filters.presets.save_presetstring
filters.presets.savingstring
filters.presets.delete_titlestring
filters.presets.delete_descriptionstring
filters.presets.save_currentstring
filters.presets.importstring
filters.presets.export_allstring
filters.presets.search_placeholderstring
filters.presets.no_presets_foundstring
filters.presets.try_different_searchstring
filters.presets.create_first_hintstring
filters.presets.save_firststring
filters.presets.tabs.allstring
filters.presets.tabs.recentstring
filters.presets.tabs.popularstring
filters.presets.tabs.systemstring

pagination

Used by both the default pagination and the button-style pagination (e.g. “Lignes par page”, “Page 1 of 2”). pagination.showing is used for the “Page X of Y” text and supports {page} and {total}. Default English value: "Page {page} of {total}" (example French: "Page {page} sur {total}").

KeyType
pagination.firststring
pagination.laststring
pagination.nextstring
pagination.previousstring
pagination.ofstring
pagination.pagestring
pagination.rowsPerPagestring
pagination.showingstring (supports {page}, {total})
pagination.selectedCountstring
KeyType
search.placeholderstring

selection

Used for the selection column header and the bulk actions menu count (e.g. “3 rows selected”). Supports {count} and ICU plural.

KeyType
selection.rowsstring

sorting

KeyType
sorting.ascendingstring
sorting.descendingstring
sorting.choose_columnstring
sorting.currentstring

views

KeyType
views.titlestring
views.currentstring
views.savestring
views.saveAsstring
views.updatestring
views.deletestring
views.renamestring
views.setDefaultstring
views.defaultViewstring
views.default_system_viewstring
views.systemViewstring
views.custom_viewstring
views.temporary_viewstring
views.viewNamestring
views.noViewsstring
views.confirmDeletestring
views.confirmDeleteWithNamestring
views.managestring
views.saveChangesstring
views.saveChangesTooltipstring
views.add_viewstring
views.view_optionsstring
views.view_namestring
views.cannot_delete_system_viewstring
views.cannot_update_system_viewstring
views.view_created_successfullystring
views.view_updated_successfullystring
views.view_deleted_successfullystring
views.error_saving_viewstring
views.error_updating_viewstring
views.error_deleting_viewstring
views.error_loading_viewsstring
views.history.undostring
views.history.redostring
views.history.nothing_to_undostring
views.history.nothing_to_redostring
views.notifications.createdstring
views.notifications.updatedstring
views.notifications.deletedstring
views.notifications.setAsDefaultstring
views.notifications.error.createstring
views.notifications.error.updatestring
views.notifications.error.deletestring
views.notifications.error.setDefaultstring
views.dialog.save.titlestring
views.dialog.save.descriptionstring
views.dialog.save.namestring
views.dialog.save.namePlaceholderstring
views.dialog.save.defaultstring
views.dialog.save.globalstring
views.dialog.save.savestring
views.dialog.save.savingstring
views.dialog.manage.titlestring
views.dialog.manage.descriptionstring
views.dialog.manage.namestring
views.dialog.manage.typestring
views.dialog.manage.createdstring
views.dialog.manage.actionsstring
views.dialog.manage.renamestring
views.dialog.manage.deletestring
views.dialog.manage.setDefaultstring
views.dialog.manage.editColumnsstring
views.dialog.manage.stopEditstring
views.dialog.manage.editSystemViewWarningstring

state

KeyType
state.loadingstring
state.noDatastring
state.errorstring
state.error_descriptionstring

url_state

KeyType
url_state.copy_linkstring
url_state.link_copiedstring
url_state.resetstring
url_state.sharestring
url_state.auto_savestring
url_state.save_successstring

demo

KeyType
demo.titlestring
demo.copy_urlstring
demo.save_viewstring
demo.resetstring
demo.viewstring
demo.sort_bystring
demo.select_viewstring
demo.select_sortstring
demo.view_name_placeholderstring
demo.savestring
demo.current_statestring
demo.datastring
demo.loadingstring
demo.name_ascstring
demo.name_descstring
demo.date_ascstring
demo.date_descstring

table

KeyType
table.no_resultsstring
table.no_results_descriptionstring
table.hide_columnstring
table.show_columnstring
table.toggle_columnsstring
table.selected_rowsstring
table.sort_ascendingstring
table.sort_descendingstring
table.drag_columnstring

calculations

KeyType
calculations.nonestring
calculations.countstring
calculations.percentstring
calculations.morestring
calculations.count_allstring
calculations.count_valuesstring
calculations.count_uniquestring
calculations.count_emptystring
calculations.count_not_emptystring
calculations.count_truestring
calculations.count_falsestring
calculations.percent_emptystring
calculations.percent_not_emptystring
calculations.percent_truestring
calculations.percent_falsestring
calculations.sumstring
calculations.averagestring
calculations.medianstring
calculations.minstring
calculations.maxstring
calculations.rangestring
calculations.calculatestring
KeyType
menu.backstring
menu.columnsstring
menu.columns_visiblestring
menu.filterstring
menu.filtersstring
menu.groupstring
menu.select_columnstring
menu.current_groupsstring
menu.active_groupsstring
menu.optionsstring
menu.propertiesstring
menu.sortstring
menu.subgroupstring
menu.titlestring
menu.footer_calculationsstring
menu.footer_calculations_onstring
menu.footer_calculations_offstring

form (catalog form)

Include these when using create/edit forms so labels, placeholders, and buttons resolve. Use labelKey / optionKeys in your form config to point to these keys.

KeyType
form.cancelstring
form.createstring
form.createErrorstring
form.createForm.titlestring
form.createForm.descriptionstring
form.createdstring
form.namestring
form.slugstring
form.categorystring
form.descriptionstring
form.enabledstring
form.valueTypestring
form.valuestring
form.submitstring
form.updatestring
form.updateErrorstring
form.updatedstring
form.valueType_options.booleanstring
form.valueType_options.numberstring
form.valueType_options.stringstring
form.valueType_options.jsonstring

value (value-type field)

Used by the value-type form field for placeholders and boolean labels.

KeyType
value.string_placeholderstring
value.json_placeholderstring
value.number_placeholderstring
value.enabledstring
value.disabledstring

root

KeyType
add_an_itemstring

On this page