How to change FilterRow language in devextreme-react/data-grid

Viewed 29

How can i change devextreme FilterRow ui language. For examle : I want to change "Starts with" text to "New starts with" text.

enter image description here

2 Answers

For changing the ui language for all DevExtreme components, check out the localization part of the offical documentation.

Here is an example on how to load a specific language:

// ...
// Dictionaries for German language
import deMessages from "devextreme/localization/messages/de.json";
import { locale, loadMessages } from "devextreme/localization";
  
// ===== React ======
class App extends React.Component {
    constructor(props) {
        super(props);
        loadMessages(deMessages);
        locale(navigator.language);
    }
}

Here is a list of all available languages on GitHub.

If you only want to change a specific operation text inside the data grid component, Cătălin Andrei Preda's answer is the correct one.

Related