ant-design/components/pagination/demo/simple.md

---
order: 6
title:
  zh-CN: 简洁
  en-US: Simple mode
---

## zh-CN

简单的翻页。

## en-US

Simple mode.

```jsx
import { Pagination } from 'antd';

export default () => (
  <>
    <Pagination simple defaultCurrent={2} total={50} />
    <br />
    <Pagination disabled simple defaultCurrent={2} total={50} />
  </>
);
```
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 6`
docs: pagination translation (#2533) 2016-07-29 10:15:31 +08:00			`title:`
			`zh-CN: 简洁`
			`en-US: Simple mode`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
添加简洁的分页 2015-07-13 16:04:07 +08:00
docs: pagination translation (#2533) 2016-07-29 10:15:31 +08:00			`## zh-CN`

			`简单的翻页。`

			`## en-US`

			`Simple mode.`
添加简洁的分页 2015-07-13 16:04:07 +08:00
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```jsx
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`import { Pagination } from 'antd';`
添加简洁的分页 2015-07-13 16:04:07 +08:00
docs: demo support react18 (#34843) * docs: update demo * chore: add script * test: fix demo test * docs: convert demos * chore: move script * test: remove react-dom import * chore: update deps * docs: update riddle js * test: fix image test * docs: fix riddle demo 2022-04-03 23:27:45 +08:00			`export default () => (`
style: optimize pagination simple disabled 2020-08-04 16:10:27 +08:00			`<>`
			`<Pagination simple defaultCurrent={2} total={50} />`
			`<br />`
			`<Pagination disabled simple defaultCurrent={2} total={50} />`
docs: demo support react18 (#34843) * docs: update demo * chore: add script * test: fix demo test * docs: convert demos * chore: move script * test: remove react-dom import * chore: update deps * docs: update riddle js * test: fix image test * docs: fix riddle demo 2022-04-03 23:27:45 +08:00			`</>`
style: optimize pagination simple disabled 2020-08-04 16:10:27 +08:00			`);`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```