diff --git a/assets/index.less b/assets/index.less
index 1cb82a02..f9d457f7 100644
--- a/assets/index.less
+++ b/assets/index.less
@@ -53,6 +53,16 @@
}
}
+ &-disabled {
+ cursor: not-allowed;
+ &:hover {
+ border-color: #d9d9d9;
+ a {
+ color: #d9d9d9;
+ }
+ }
+ }
+
&-active {
background-color: #2db7f5;
border-color: #2db7f5;
diff --git a/src/Pager.jsx b/src/Pager.jsx
index fa578e82..421f9c9e 100644
--- a/src/Pager.jsx
+++ b/src/Pager.jsx
@@ -13,6 +13,10 @@ const Pager = (props) => {
cls = `${cls} ${props.className}`;
}
+ if (!props.page) {
+ cls = `${cls} ${prefixCls}-disabled`;
+ }
+
const handleClick = () => {
props.onClick(props.page);
};
diff --git a/src/Pagination.jsx b/src/Pagination.jsx
index 44d04488..4fbd6025 100644
--- a/src/Pagination.jsx
+++ b/src/Pagination.jsx
@@ -425,19 +425,32 @@ export default class Pagination extends React.Component {
}
if (allPages <= 5 + pageBufferSize * 2) {
+ const pagerProps = {
+ locale,
+ rootPrefixCls: prefixCls,
+ onClick: this.handleChange,
+ onKeyPress: this.runIfEnter,
+ showTitle: props.showTitle,
+ itemRender: props.itemRender,
+ };
+ if (!allPages) {
+ pagerList.push(
+