AllenFang / react-bootstrap-table

A Bootstrap table built with React.js
https://allenfang.github.io/react-bootstrap-table/
MIT License
2.23k stars 782 forks source link

Show different Pagination Component after set paginationPosition to 'both' #1509

Open thundermiracle opened 7 years ago

thundermiracle commented 7 years ago

I'd like to fully customize the paginationPanel and tried to show [totalText], [sizePerPageDropdown], [pageList] on top, but only show [pageList] on bottom. Is it possible to do it now? How about pass position parameter like 'bottom' / 'top' to [paginationPanel] option?

AllenFang commented 7 years ago

@thundermiracle sorry, the pagination part is not able to fully customization well yet, so I guess you requirement will be little hard to implement.

thundermiracle commented 7 years ago

@AllenFang Thank you for your reply! What about change

{ showPaginationOnBottom ? pagination : null }

to

{ showPaginationOnBottom ? renderPagination(Const.PAGINATION_POS_BOTTOM) : null }

and then pass it to the PaginationList?

renderPagination(position) {
  <PaginationList position={position} />
}

In my opinion, making different pagination on top and bottom is a quite useful feature.

thundermiracle commented 7 years ago

Forget my plan. The state control will become complicated

AllenFang commented 7 years ago

ok, I'll try to make pagination more customizable in the future. thanks

shorif2000 commented 6 years ago

@AllenFang any update on this