es5-shim not support export ** from **

行：https://github.com/react-component/pagination/blob/master/src/Options.jsx#L85

title值Quick jump to page，建议改为中文，或者支持通过参数自定义，或者去掉？

pagiantion.jsx 中 getJumpPrevPage 方法（132行和266行） getJumpNextPage 方法（136行和270行），应该是重复了。

7bab385

https://github.com/react-component/pagination/blob/master/src/Pagination.jsx#L374

It is improper markup to have a span as a child element of an ul.
This content should either precede or follow the actual pagination ul.
Also, with moving it outside of the UL, you could add an option for prepend || append, or make it easy on yourself and just allow the user to provide their own custom styles (such as flexbox) to arrange the pager and the text however they want.

I will attempt to put together a PR for this if you'd like.

Hi
Thanks for this component, I'd like to know if there is an api to set the element li className just like what we do to element ul with className on <Pagination>

Thanks

How can I put sizer on the left side?
Thanks!

例如 跳到，页， x 条/页

便于中文转英文

参考

https://github.com/react-component/calendar/tree/master/src/locale

Hi, I suggest there should be a 'disabled' prop which, when set, disables the user interaction since in some cases we might want to temporally block user from doing so.

rt

First of All, amazing plugin.

I have seen all of the examples but I couldn't find pagination that could work with API. Let's see an example of Todo from API:

1. API returns 10 items by clicking on each page.
2. Total items of API are 400.
3. We are using Axios API Client with react.

Now, I can't figure out how to use it with Axios and API.

Looks like starting v1.8.9, rc-pagination has a dependency on babel-runtime. Is that intentional? If so, I think babel-runtime needs to be added as a peerDependency.

断点调试下，选择Table的第index页，但是发现_current变化后，input内的value并没有改变。

React.createElement('input', {
        type: 'text',
        value: this.state._current,
        onKeyDown: this._handleKeyDown,
        onKeyUp: this._handleKeyUp,
        onChange: this._handleKeyUp
}),

related to ant-design/ant-design#9373

undefined.handleClick is undefined

What's the recommended way to center this component in a div? Since it's an unordered list, centering is a little finicky.

This warning happens since 1.3.7 with the following code. v1.3.5 works.

                        <Pagination locale={Locale} selectComponentClass={Select} showSizeChanger={true} pageSizeOptions={['10', '25', '50', '100']} onShowSizeChange={this._onPageSizeChange} onChange={this._onPageNoChange} current={this.state.pageNo} pageSize={this.state.pageSize} total={this.state.total}/>

It seems the corresponding style is implemented in Ant Design, not in the component itself.

Maybe we should remove the doc for the class name ?

The anchor tag does not include the href attribute.

Seems like, the element isn't a link (:link) unless it has an [href] attribute. A side-effect of this is that an element without [href] won't be indexed by Google.

Is it possible to have a callback for populating the href tag? (something that plays well with react-router)

Thanks!

(Ps: Thanks for the great component.)

I download this component, but i can't use it in ie8

use "上一页" instead of "←" ？

componentWillReceiveProps 只修改了 current ， 然而 <input type="text" value={this.state._current} #195 是使用 _current

Please help, I'm trying to put the pagination component in the center with all the ways I know but i could not.

如题，我的current参数是redux取出来的，可以确定得到的current是大于1的，但是传入pagintion组件里面当前页就是第一页了。。

http://react-component.github.io/pagination/examples/jumper.html在提供的例子中，当出现两个领略页面的。。。时，点击向前跳转的”...“是，如果是跳转至1页就会报onMouseClick错误

What problem does this feature solve?

I need react-component pagination support thai language.

What does the proposed API look like?

I will translate and pull request to complete this issue.

Hello,

Thank you for putting this together. You are a very awesome person!

I'm getting the following error when using Pagination with server-side rendering

warning.js:36
Warning: Component's children should not be mutated.
    in div (created by Pagination)
    in ul (created by Pagination)
    in Pagination (created by Connect(Pagination))
    in Connect(Pagination) (created by Search)
    in div (created by Search)
    in Search (created by Search)
    in Search (created by Connect(Search))
    in Connect(Search) (created by RouterContext)
    in div (created by SearchLayout)
    in div (created by SearchLayout)
    in div (created by SearchLayout)
    in SearchLayout (created by RouterContext)
    in RouterContext (created by Router)
    in Router (created by AppContainer)
    in div (created by AppContainer)
    in Provider (created by AppContainer)
    in AppContainer

Hello guys, thanks for the awesome package. I'm trying to change the next prev icon to text but the problem is it is not working. Here is the code. Please help me out thanks

import React from 'react'
import cn from 'classnames';
import Paginator from 'common_components/Paginator'

function Footer ({handleChangePage, changePageLength}) {
    const textItemRender = (current, type, element) => {
        debugger
        if (type === 'prev') {
            return 'Prev';
        }
        if (type === 'next') {
            return 'Next';
        }
        return element;
    };
    return (
        <div className={cn(styles['footer-container'], 'flex space-between align-center')}>
            <div>
                <Paginator
                    count={15}
                    limit={10}
                    pageNumber={1}
                    total={15}
                    callBack={handleChangePage}
                    itemRender={textItemRender}
                />
            </div>
        </div>
    );
}

export default Footer;

<Pagination total={this.state.total} pageSize={5} onChange={(pageNum) => this.onPageNumChange(pageNum)}/>

onPageNumChange(pageNum){
this.setState({
total:100
})
}
回调函数内只要使用this.setState点击页面就无法加载样式，但是功能可以正常使用，是我的用法有问题吗？

We'd like to make the following accessibility updates to this component

• Allow customization of the numbered page button titles through the locale
• have screen readers interpret the Next Page and Previous Page as disabled when they are disabled.
  Would these updates be ok?

can not highlight current page,and can not use next and previous button.these two button can not work.
I can use other Function.

812054a

这个修改本意是为了限制小数的输入，但个人觉得，限制按键不是一个好方法，每次回车之后，对val的过滤应该更好。

Is there a way to change the language to English ('en_US')? I saw that there is an attribute 'locale' to change default language. However, it's not working for me.

Could you please provide an example on how to use 'locale'.

Hello guys,

I'm trying to use your paginator but the problem is I'm not able to get the css as shown in your example. can you guys help me out maybe there is something I'm not doing right. HEre is my code

import Pagination from 'rc-pagination'
import 'rc-pagination/assets/index.css'


<Pagination className="ant-pagination" defaultCurrent={3} total={450} />

Followed the README and navigated to http://localhost:3000/examples/ after doing the following:

npm install
npm start

There were errors while building the bundle. You'll see:

Listening at http://localhost:3000
10/20 build modules
webpack: bundle build is now finished.
Hash: d22b205c50dfd7328bfd
Version: webpack 1.15.0
Time: 566ms
       Asset     Size  Chunks             Chunk Names
  default.js  3.59 kB       0  [emitted]  default
   jumper.js   3.6 kB       1  [emitted]  jumper
lessPages.js  3.61 kB       2  [emitted]  lessPages
     more.js  3.59 kB       3  [emitted]  more
showTitle.js  3.61 kB       4  [emitted]  showTitle
showTotal.js  3.61 kB       5  [emitted]  showTotal
   simple.js   3.6 kB       6  [emitted]  simple
    sizer.js   3.6 kB       7  [emitted]  sizer
   stupid.js  3.61 kB       8  [emitted]  stupid
   styles.js  3.61 kB       9  [emitted]  styles
chunk    {0} default.js (default) 28 bytes [rendered]
    [0] multi default 28 bytes {0} [built] [1 error]
chunk    {1} jumper.js (jumper) 28 bytes [rendered]
    [0] multi jumper 28 bytes {1} [built] [1 error]
chunk    {2} lessPages.js (lessPages) 28 bytes [rendered]
    [0] multi lessPages 28 bytes {2} [built] [1 error]
chunk    {3} more.js (more) 28 bytes [rendered]
    [0] multi more 28 bytes {3} [built] [1 error]
chunk    {4} showTitle.js (showTitle) 28 bytes [rendered]
    [0] multi showTitle 28 bytes {4} [built] [1 error]
chunk    {5} showTotal.js (showTotal) 28 bytes [rendered]
    [0] multi showTotal 28 bytes {5} [built] [1 error]
chunk    {6} simple.js (simple) 28 bytes [rendered]
    [0] multi simple 28 bytes {6} [built] [1 error]
chunk    {7} sizer.js (sizer) 28 bytes [rendered]
    [0] multi sizer 28 bytes {7} [built] [1 error]
chunk    {8} stupid.js (stupid) 28 bytes [rendered]
    [0] multi stupid 28 bytes {8} [built] [1 error]
chunk    {9} styles.js (styles) 28 bytes [rendered]
    [0] multi styles 28 bytes {9} [built] [1 error]

All of them have the same error. I've pasted the backtrace for default.js as a reference:

ERROR in ./examples/default.js
Module build failed: Error: Couldn't find preset "latest" relative to directory "/Users/kenko/src"
    at /Users/kenko/src/pagination/node_modules/babel-core/lib/transformation/file/options/option-manager.js:293:19
    at Array.map (native)
    at OptionManager.resolvePresets (/Users/kenko/src/pagination/node_modules/babel-core/lib/transformation/file/options/option-manager.js:275:20)
    at OptionManager.mergePresets (/Users/kenko/src/pagination/node_modules/babel-core/lib/transformation/file/options/option-manager.js:264:10)
    at OptionManager.mergeOptions (/Users/kenko/src/pagination/node_modules/babel-core/lib/transformation/file/options/option-manager.js:249:14)
    at OptionManager.init (/Users/kenko/src/pagination/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
    at File.initOptions (/Users/kenko/src/pagination/node_modules/babel-core/lib/transformation/file/index.js:212:65)
    at new File (/Users/kenko/src/pagination/node_modules/babel-core/lib/transformation/file/index.js:135:24)
    at Pipeline.transform (/Users/kenko/src/pagination/node_modules/babel-core/lib/transformation/pipeline.js:46:16)
    at transpile (/Users/kenko/src/pagination/node_modules/babel-loader/lib/index.js:46:20)
 @ multi default

From what I can tell, we want to include babel-preset-latest. However, that appears to be deprecated for babel-preset-env.

http://facebook.github.io/react/docs/forms.html#controlled-components

i see almost same repositories, both active?!

Pagination经常要搭配Table使用，最好可以和Table的onChange的方法使用起来尽可能的一致（第一个参数都能得到current和pageSize）。

Table onChange     Function(pagination, filters, sorter)

      Pagination  onChange	 Function(page)

-->Pagination  onChange	 Function(pagination)

It would be nice to have an option to hide/show the first and last pager buttons if they are not in view

What problem does this feature solve?

Adds Finnish locales

What does the proposed API look like?

Proposed api will have locales for Finnish language.

showQuickJumper={{ goButton: <button>确定</button> }} 自定义跳转按钮点击无效
http://react-component.github.io/pagination/examples/jumperWithGoButton.html

Is there any possible to add a button that can confirm skip action instead of pressing 'enter' key?
@afc163

Hi, great component. I'm having issue trying to show the 3 dotted button that jumps to pages in between range. Like this example here http://react-component.github.io/pagination/examples/jumper.html

I don't want the jumper where you type in page, i want button that skips pages.
It doesn't show for me unless I put a very large number for "total" property. But I want to show if number of pages exceed limited space.

this is what i get https://gyazo.com/6236a3892a5b2ce4899dfc461e39a654

I want it to show like:

1 2 3 . . . 8 9

or something like that. Is it possible? I don't see parameters in documentation to make it show.

i need to limit the number of options in the pagination to show only 3 page, is it possible ?! because i can't find it in the doc
for example: if the current page is 5 i need to show only < |4| |5| |6| >

Tooltips appear which I did not request, and which make no English sense, and which don't appear configurable.

http://i.imgur.com/VeWCofZ.png

I want to ask that if it is possible to set defaultValue differently for start date and end date.

I am using this library to select range. I want to make time of defaultValue as 00:00:00 for start date and 23:59:59 for end date. Is it possible?

Add Hindi (India) Locale