[data grid] Numbers separator (comma or dot) based on localeText prop

[LuanAlflen]

Summary

Currently columns with type number display the separator based on the browser language, below is more or less how we do the localization and the current behavior of datagrid:

issue-datagrid-separator-current-behavior.mp4

Examples

Would be nice to have an option to utilize the locale of the datagrid independent from the browser language.

This is the desired behavior (this is just an example, is not functional because the textfield allows strings, not only numbers):

issue-datagrid-separator-desired-behavior.mp4

Live demo

Motivation

No response

Search keywords: locale, datagrid, separator, numbers, editing

[alexfauquette]

For now, locales are only done with an object mapping key to translation.

I would probably require to add a key code: 'fr-FR' that could be passed to the toLocaleString()

mui-x/packages/x-data-grid/src/colDef/gridNumericColDef.ts

Line 14 in 3aa3069

valueFormatter: (value?: number) => (isNumber(value) ? value.toLocaleString() : value || ''),

[oliviertassinari]

It's almost the same issue as #13222.