How to display more page item?

[hjyssg]

There are space to display more page item. Currently, there is only 1, 2, 3, 4, 5 and 282.

<Pagination ref={ref => this.pagination = ref}
                            current={this.state.pageIndex}  
                            pageSize={this.getNumPerPage()}
                            showQuickJumper={{goButton: true}}
                            total={fileLength} 
                            itemRender={(item, type) =>{
                                if(type === "page"){
                                    return  <div>{item}</div>;
                                }else if(type === "prev" || type === "next"){
                                    return <a className="rc-pagination-item-link" />
                                }
                            }}
                            onChange={this.handlePageChange.bind(this)} 
/>);

Is there a prop to do it?
Thank you very much.

[hjyssg]

I noticed in the render() of Pagination.js

var pageBufferSize = props.showLessItems ? 1 : 2;

var left = Math.max(1, current - pageBufferSize);
var right = Math.min(current + pageBufferSize, allPages);

if (current - 1 <= pageBufferSize) {
  right = 1 + pageBufferSize * 2;
}

if (allPages - current <= pageBufferSize) {
  left = allPages - pageBufferSize * 2;
}

Could you add one more prop to allow user chagne the pageBufferSize?

[chxhitsz]

I also have this problem. Have you solved it?

[hjyssg]

I modified its code and created my own pagination

[chxhitsz]

It's great.Let me refer to it and create my own pagination.Thank you!

[SalahAdDin]

👍🏽 to make this also customizable!