Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion components/pagination/Pagination.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ export const PaginationProps = () => ({
pageSizeOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),
buildOptionText: PropTypes.func,
showSizeChange: PropTypes.func,
showQuickJumper: PropTypes.bool,
showQuickJumper: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.object])),
showTotal: PropTypes.any,
size: PropTypes.string,
simple: PropTypes.bool,
Expand Down
20 changes: 19 additions & 1 deletion components/pagination/demo/jump.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,33 @@ Jump to a page directly.

```html
<template>
<a-pagination showQuickJumper :defaultCurrent="2" :total="500" @change="onChange" />
<div id="components-pagination-demo-mini">
<a-pagination showQuickJumper :defaultCurrent="2" :total="500" @change="onChange" />
<a-pagination :locale="locale" :showQuickJumper="goButton" :defaultCurrent="2" :total="500" @change="onChange" />
</div>
</template>
<script>
export default {
data() {
const goButton = { goButton: <a-button>跳转</a-button> };
const locale = { jump_to: '向第' };
return {
locale,
goButton,
}
},
methods: {
onChange(pageNumber) {
console.log('Page: ', pageNumber);
}
}
}
</script>
<style scoped>
#components-pagination-demo-mini .ant-pagination:not(:last-child) {
margin-bottom: 24px;
}
</style>
```


2 changes: 1 addition & 1 deletion components/pagination/index.en-US.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
| itemRender | to customize item innerHTML | (page, type: 'page' \| 'prev' \| 'next', originalElement) => vNode | - |
| pageSize(.sync) | number of data items per page | number | - |
| pageSizeOptions | specify the sizeChanger options | string\[] | ['10', '20', '30', '40'] |
| showQuickJumper | determine whether you can jump to pages directly | boolean | false |
| showQuickJumper | determine whether you can jump to pages directly | boolean \| { goButton: vNode } | false |
| showSizeChanger | determine whether `pageSize` can be changed | boolean | false |
| showTotal | to display the total number and range | Function(total, range) | - |
| simple | whether to use simple mode | boolean | - |
Expand Down
2 changes: 1 addition & 1 deletion components/pagination/index.zh-CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
| itemRender | 用于自定义页码的结构,可用于优化 SEO | (page, type: 'page' \| 'prev' \| 'next', originalElement) => vNode | - |
| pageSize(.sync) | 每页条数 | number | - |
| pageSizeOptions | 指定每页可以显示多少条 | string\[] | ['10', '20', '30', '40'] |
| showQuickJumper | 是否可以快速跳转至某页 | boolean | false |
| showQuickJumper | 是否可以快速跳转至某页 | boolean \| { goButton: vNode } | false |
| showSizeChanger | 是否可以改变 pageSize | boolean | false |
| showTotal | 用于显示数据总量和当前数据顺序 | Function(total, range) | - |
| simple | 当添加该属性时,显示为简单分页 | boolean | - |
Expand Down
2 changes: 1 addition & 1 deletion types/pagination.d.ts
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ export declare class Pagination extends AntdComponent {
* @default false
* @type boolean
*/
showQuickJumper: boolean;
showQuickJumper: boolean | { goButton?: VNode };

/**
* to display the total number and range
Expand Down