如何修改antd的pagination翻页组件为中文？

最新推荐文章于 2024-06-12 15:13:03 发布

原创最新推荐文章于 2024-06-12 15:13:03 发布 · 627 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #html #react.js #git #anti-design-vue

很简单加一个属性

 locale={{ items_per_page: '页' }}

             <Pagination
              pageSize={pagination.pageSize}
              locale={{ items_per_page: '页' }}
              current={pagination.current}
              showTotal={(total, range) => `共有 ${pagination.total} 条数据`}
              style={{ textAlign: 'right' }}
              onChange={(page: number, pageSize: number) => {
                setPagination((prePagination) => {
                  return { total: prePagination.total, pageSize, current: page }
                })
              }}
              showSizeChanger={true}
              total={pagination.total}
            />