diff --git a/components/pagination/demo/basic.md b/components/pagination/demo/basic.md index d0668e9b..34c3006f 100644 --- a/components/pagination/demo/basic.md +++ b/components/pagination/demo/basic.md @@ -9,6 +9,8 @@ title: 最多显示 5 页内容,当数量多时默认显示前 5 页。 +- 为分页器总条数添加类名 `dt-pagination-totalCount`,高亮显示 + ## en-US The basic example. @@ -19,7 +21,9 @@ import { Pagination } from 'antd'; ReactDOM.render( `共条40数据,每页5条`} + showTotal={total => + 共{total}条数据,每页5条 + } defaultCurrent={1} pageSize={5} total={40} />, diff --git a/components/pagination/demo/full.md b/components/pagination/demo/full.md index 5384a1f9..8e328fea 100644 --- a/components/pagination/demo/full.md +++ b/components/pagination/demo/full.md @@ -22,7 +22,9 @@ ReactDOM.render( total={85} showSizeChanger showQuickJumper - showTotal={total => `共条${total}数据`} + showTotal={total => + 共{total}条数据 + } />, mountNode, ); diff --git a/components/pagination/demo/size.md b/components/pagination/demo/size.md index 4e14d10a..b4e04f28 100755 --- a/components/pagination/demo/size.md +++ b/components/pagination/demo/size.md @@ -9,6 +9,7 @@ title: - 为分页器添加类名 `dt-pagination-right` ,使得分页器居右 + ```jsx import React from 'react'; import { Pagination } from 'antd'; @@ -19,7 +20,9 @@ ReactDOM.render( total={40} pageSize={5} defaultCurrent={1} - showTotal={total => `共条40数据,每页5条`} + showTotal={total => + 共{total}条数据,每页5条 + } />, mountNode, ); diff --git a/components/pagination/index.zh-CN.md b/components/pagination/index.zh-CN.md index 8684cdf5..c06a72ef 100644 --- a/components/pagination/index.zh-CN.md +++ b/components/pagination/index.zh-CN.md @@ -15,3 +15,4 @@ cols: 1 |类名 |说明 |使用示例 | |---------|---------|---------| |.dt-pagination-right | 让分页器居右 | 居右 | +|.dt-pagination-totalCount | 高亮总条数 | 基础分页 | diff --git a/components/table/demo/basic.md b/components/table/demo/basic.md index 82519c3c..298f4f74 100755 --- a/components/table/demo/basic.md +++ b/components/table/demo/basic.md @@ -91,7 +91,7 @@ class App extends React.Component { size: 'small', total: 30, showTotal: (total) => - 共{total}条数据,每页显示15条 + 共{total}条数据,每页显示15条 }; return ( diff --git a/components/table/demo/expand.md b/components/table/demo/expand.md index c4e64bd6..972dc409 100644 --- a/components/table/demo/expand.md +++ b/components/table/demo/expand.md @@ -115,7 +115,7 @@ expandedRowRender = () => { size: 'small', total: 30, showTotal: (total) => - 共{total}条数据,每页显示15条 + 共{total}条数据,每页显示15条 } diff --git a/components/table/demo/fixBase.md b/components/table/demo/fixBase.md index bb050948..a8321660 100755 --- a/components/table/demo/fixBase.md +++ b/components/table/demo/fixBase.md @@ -112,7 +112,7 @@ class App extends React.Component { size: 'small', total: isShowData ? 30 : 0, showTotal: (total) => - 共{total}条数据,每页显示15条 + 共{total}条数据,每页显示15条 }; return ( diff --git a/components/table/demo/fixFooter.md b/components/table/demo/fixFooter.md index 4b493af2..d387b708 100755 --- a/components/table/demo/fixFooter.md +++ b/components/table/demo/fixFooter.md @@ -116,7 +116,7 @@ class App extends React.Component { size: 'small', total: isShowData ? 30 : 0, showTotal: (total) => - 共{total}条数据,每页显示15条 + 共{total}条数据,每页显示15条 }; return ( diff --git a/components/table/demo/numberRight.md b/components/table/demo/numberRight.md index 37e3a55f..addb829e 100755 --- a/components/table/demo/numberRight.md +++ b/components/table/demo/numberRight.md @@ -131,7 +131,7 @@ tableFooter = () => ( total={30} style={{ float: 'right' }} showTotal={(total) => - 共{total}条数据,每页显示20条 + 共{total}条数据,每页显示20条 } /> diff --git a/components/table/demo/scroll.md b/components/table/demo/scroll.md index 861ef1c0..ff2f8ad1 100755 --- a/components/table/demo/scroll.md +++ b/components/table/demo/scroll.md @@ -77,7 +77,7 @@ const pagination = { size: 'small', total: 80, showTotal: (total) => - 共{total}条数据,每页显示15条 + 共{total}条数据,每页显示15条 } diff --git a/components/table/demo/selectAndDeal.md b/components/table/demo/selectAndDeal.md index ad1619f9..cf5dd94f 100755 --- a/components/table/demo/selectAndDeal.md +++ b/components/table/demo/selectAndDeal.md @@ -89,7 +89,7 @@ tableFooter = () => ( total={30} style={{ float: 'right' }} showTotal={(total) => - 共{total}条数据,每页显示20条 + 共{total}条数据,每页显示20条 } /> diff --git a/components/transfer/demo/basic.md b/components/transfer/demo/basic.md index e07b8f07..f753a1ea 100644 --- a/components/transfer/demo/basic.md +++ b/components/transfer/demo/basic.md @@ -44,7 +44,7 @@ const App = () => { size: 'small', total: 20, showTotal: (total) => - 共{total}条数据,每页显示15条 + 共{total}条数据,每页显示15条 }; diff --git a/theme/dt-theme/default/pagination.less b/theme/dt-theme/default/pagination.less index 84100e9e..e75c6c3b 100644 --- a/theme/dt-theme/default/pagination.less +++ b/theme/dt-theme/default/pagination.less @@ -144,3 +144,7 @@ ul.ant-pagination { .dt-pagination-right { justify-content: flex-end; } + +.dt-pagination-totalCount { + color: @blue; +}