github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Pagination: add popperClass

pull/6576/head
Leopoldthecoder 2017-08-06 15:52:11 +08:00 committed by 杨奕
parent 1f2ee02b3a
commit a5e5be3d7a
3 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
examples/docs/en-US/pagination.md
View File

@ -205,6 +205,7 @@ Add more modules based on your scenario.
| current-page | current page number, supports the .sync modifier | number | — | 1 | | current-page | current page number, supports the .sync modifier | number | — | 1 |
| layout | layout of Pagination, elements separated with a comma | string | `sizes`, `prev`, `pager`, `next`, `jumper`, `->`, `total`, `slot` | 'prev, pager, next, jumper, ->, total' | | layout | layout of Pagination, elements separated with a comma | string | `sizes`, `prev`, `pager`, `next`, `jumper`, `->`, `total`, `slot` | 'prev, pager, next, jumper, ->, total' |
| page-sizes | options of item count per page | number[] | — | [10, 20, 30, 40, 50, 100] | | page-sizes | options of item count per page | number[] | — | [10, 20, 30, 40, 50, 100] |
| popper-class | custom class name for the page size Select's dropdown | string | — | — |
### Events ### Events
| Event Name | Description | Parameters | | Event Name | Description | Parameters |

1
examples/docs/zh-CN/pagination.md
View File

@ -205,6 +205,7 @@
| current-page | 当前页数，支持 .sync 修饰符 | Number | — | 1 | | current-page | 当前页数，支持 .sync 修饰符 | Number | — | 1 |
| layout | 组件布局，子组件名用逗号分隔| String | `sizes`, `prev`, `pager`, `next`, `jumper`, `->`, `total`, `slot` | 'prev, pager, next, jumper, ->, total' | | layout | 组件布局，子组件名用逗号分隔| String | `sizes`, `prev`, `pager`, `next`, `jumper`, `->`, `total`, `slot` | 'prev, pager, next, jumper, ->, total' |
| page-sizes | 每页显示个数选择器的选项设置 | Number[] | — | [10, 20, 30, 40, 50, 100] | | page-sizes | 每页显示个数选择器的选项设置 | Number[] | — | [10, 20, 30, 40, 50, 100] |
| popper-class | 每页显示个数选择器的下拉框类名 | string | — | — |
### Events ### Events
| 事件名称 | 说明 | 回调参数 | | 事件名称 | 说明 | 回调参数 |

5
packages/pagination/src/pagination.js
View File

@ -32,7 +32,9 @@ export default {
default() { default() {
return [10, 20, 30, 40, 50, 100]; return [10, 20, 30, 40, 50, 100];
} }
} },
popperClass: String
}, },
data() { data() {
@ -147,6 +149,7 @@ export default {
<span class="el-pagination__sizes"> <span class="el-pagination__sizes">
<el-select <el-select
value={ this.$parent.internalPageSize } value={ this.$parent.internalPageSize }
popperClass={ this.$parent.popperClass }
on-input={ this.handleChange }> on-input={ this.handleChange }>
{ {
this.pageSizes.map(item => this.pageSizes.map(item =>