Browse documentation
Developer guide1 min read

Internationalization

Exact locale imports keep translated labels and core comparison behavior tree-shakable while platform Intl handles values.

Official locale packs

#

Exact imports are available for English, French, German, Spanish, Arabic, Hindi, Japanese, Simplified Chinese, and Brazilian Portuguese.

Negotiation and fallback

#

Choose a locale from user preferences, declare a fallback, and lazy-load only the selected pack. Arabic includes RTL metadata and direction.

Application terminology

#

Extend a locale pack with product-specific labels while retaining built-in plurals, dates, numbers, lists, and relative-time formatters.

Apply a locale to one table

#

This recipe focuses on the integration pattern. Replace application-specific values and callbacks with your own data and services.

Apply a locale to one table
TypeScript
import { dataTableLocaleOptions } from 'wts-data-table/i18n';
import { arLocale } from 'wts-data-table/locales/ar';

new DataTable({
  ...options,
  ...dataTableLocaleOptions(arLocale)
});
Need a complete starting point?

The framework quick start includes install commands, a typed data file, and the component that renders it.

Go to the quick start →

Ready to try it with real data?

Explore configurable examples ↗