DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Free Trial Buy

langParams

Specifies parameters for language-specific sorting and filtering.

Type:

LangParams

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

jQuery
JavaScript
const dataSource = new DevExpress.data.DataSource({
    // ...
    langParams: {
        locale: 'fr',
        collatorOptions: {
            sensitivity: 'accent',
            caseFirst: 'upper'
        }
    }
});
Angular
TypeScript
import DataSource from "devextreme/data/data_source";
// ...
export class AppComponent {
    dataSource: DataSource;
    constructor () {
        this.dataSource = new DataSource({
            // ...
            langParams: {
                locale: 'fr',
                collatorOptions: {
                    sensitivity: 'accent',
                    caseFirst: 'upper'
                }
            }
        });
    }
}
Vue
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>
React
App.js
// ...
import DataSource from 'devextreme/data/data_source';

const dataSource = new DataSource({
    // ...
    langParams: {
        locale: 'fr',
        collatorOptions: {
            sensitivity: 'accent',
            caseFirst: 'upper'
        }
    }
});

function App() {
    // ...
}
export default App;

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.