Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
cdbac65d
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
cdbac65d
编写于
2月 25, 2016
作者:
B
Benjy Cui
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: add `showTotal` for Pagination
上级
d62c87d0
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
42 addition
and
0 deletion
+42
-0
components/pagination/demo/mini.md
components/pagination/demo/mini.md
+6
-0
components/pagination/demo/total.md
components/pagination/demo/total.md
+24
-0
components/pagination/index.md
components/pagination/index.md
+1
-0
style/components/pagination.less
style/components/pagination.less
+11
-0
未找到文件。
components/pagination/demo/mini.md
浏览文件 @
cdbac65d
...
...
@@ -9,9 +9,15 @@
````
jsx
import
{
Pagination
}
from
'
antd
'
;
function
showTotal
(
total
)
{
return
`共
${
total
}
条`
;
}
ReactDOM
.
render
(<
div
>
<
Pagination
size
=
"small"
total
=
{
50
}
/>
<
br
/>
<
Pagination
size
=
"small"
total
=
{
50
}
showSizeChanger
showQuickJumper
/>
<
br
/>
<
Pagination
size
=
"small"
total
=
{
50
}
showTotal
=
{
showTotal
}
/>
</
div
>,
mountNode
);
````
components/pagination/demo/total.md
0 → 100644
浏览文件 @
cdbac65d
# 总数
-
order: 9
通过设置
`showTotal`
展示总共有多少数据。
---
````
jsx
import
{
Pagination
,
Select
}
from
'
antd
'
;
function
showTotal
(
total
)
{
return
`共
${
total
}
条`
;
}
ReactDOM
.
render
(
<
Pagination
selectComponentClass
=
{
Select
}
total
=
{
80
}
showTotal
=
{
showTotal
}
pageSize
=
{
20
}
defaultCurrent
=
{
1
}
/>,
mountNode
);
````
components/pagination/index.md
浏览文件 @
cdbac65d
...
...
@@ -32,3 +32,4 @@
| showQuickJumper | 是否可以快速跳转至某页 | Bool | false |
| size | 当为「small」时,是小尺寸分页 | String | "" |
| simple | 当添加该属性时,显示为简单分页 | Object | 无 |
| showTotal | 用于显示总共有多少条数据 | Function | 无 |
style/components/pagination.less
浏览文件 @
cdbac65d
...
...
@@ -13,6 +13,13 @@
visibility: hidden;
}
&-total-text {
float: left;
height: 30px;
line-height: 30px;
margin-right: 10px;
}
&-item {
cursor: pointer;
border-radius: @border-radius-base;
...
...
@@ -232,6 +239,10 @@
}
.@{pagination-prefix-cls} {
&.mini &-total-text {
height: 20px;
line-height: 20px;
}
&.mini &-item {
border: 0;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录