javascript - How to change ANTD table text to different language - Stack Overflow

admin管理员组

文章数量:1403136

I want the ant design (React) pagination to be in my language (spanish). The ideal thing would be to render "por página" instead of "page" in the next picture:

(code)

 pagination={{ defaultPageSize: 3, showSizeChanger: true, pageSizeOptions: ['5','10', '20', '30']}}

(picture)

Thanks!

I want the ant design (React) pagination to be in my language (spanish). The ideal thing would be to render "por página" instead of "page" in the next picture:

(code)

 pagination={{ defaultPageSize: 3, showSizeChanger: true, pageSizeOptions: ['5','10', '20', '30']}}

(picture)

Thanks!

• javascript
• reactjs
• internationalization
• antd

Share Improve this question Follow edited Mar 22, 2020 at 15:53 keikai 15.2k1010 gold badges5555 silver badges7272 bronze badges asked Mar 22, 2020 at 15:02 Sven BrodersenSven Brodersen 8711 silver badge77 bronze badges 1

• mmmm not exactly, my goal is to personalize the text, but thanks man – Sven Brodersen Commented Mar 22, 2020 at 15:15

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

Explanation

This is often so called i18n or internationalization

And Ant does have an Internationalization solution provided.

Refer to document ant i18n, you can find the language list there.

---

Demo

• for example: In spanish

---

Usage

import { ConfigProvider } from 'antd';
import es_ES from 'antd/es/locale/es_ES';

return (
  <ConfigProvider locale={es_ES}>
    <App />
  </ConfigProvider>
);

Try it online:

本文标签： javascriptHow to change ANTD table text to different languageStack Overflow