DevExtreme Vue - DataSource - langParams

Specifies parameters for language-specific sorting and filtering.

Type:

LangParams

Use this property to include language-specific parameters in sorting and filtering operations performed on a client. For example, you can use langParams to make DataSource ignore letters with diacritic symbols. Specify locale and collator options as in the example below:

App.vue
  • <script>
  • import DataSource from 'devextreme/data/data_source';
  •  
  • const dataSource = new DataSource({
  • // ...
  • langParams: {
  • locale: 'fr',
  • collatorOptions: {
  • sensitivity: 'accent',
  • caseFirst: 'upper'
  • }
  • }
  • });
  •  
  • export default {
  • data() {
  • return {
  • dataSource
  • }
  • }
  • }
  • </script>

collatorOptions

Specifies Intl.Collator options.

Type:

Object

NOTE
If you set sensitivity: 'base', all diacritics are ignored while sorting and filtering.

locale

Specifies the locale whose features affect sorting and filtering.

Type:

String

Refer to the following page to see the list of available locales: IANA Language Subtag Registry.