Skip to main content Skip to footer
Angular Icon

Globalization for Angular Datagrids

Wijmo's Angular datagrid, FlexGrid, enables users from different locales to use the same application by dynamically formatting the date, currency, and numbers to suit locale preferences.

Overview

In Angular, Globalization is a powerful tool for enabling users from different locales to utilize the same web application. It enables users to dynamically reformat the date, currency, and numerical data within an application, ensuring a better understanding of the platform.

Globalization

Wijmo's Angular datagrid, FlexGrid, has a Globalization class that allows you to format the display of FlexGrid's content. You'll be able to select the language that FlexGrid uses to display its data and format how it displays dates and numbers.

Globalization Demo

Globalization Documentation

Cultures

FlexGrid defaults to the American English culture when displaying characters and data, including the decimal symbol as a period and the thousand separators as a comma. For those who require a different language setting, FlexGrid can dynamically swap to one of 40+ different built-in cultures. Wijmo also includes tools to create your own custom cultures.

Custom Cultures Demo

Dates

Wijmo's FlexGrid supports the standard .NET format specifiers for dates, and additional specifiers, including 'Q/q' for the quarter, 'U/u' for the fiscal quarter, and 'EEEE/eeee' for the fiscal year, can also be utilized. This enables your end users to dynamically format your Angular application's dates to fit their needs.

Dynamically Change Dates Demo

Numbers

Your users can dynamically change FlexGrid's number formatting from American English to match the culture they need. This allows them to format number values across the Angular datagrid. You can also define your desired currency symbol or override the current culture's currency value.

Dynamically Change Numbers Demo