Dual callbacks on pagePerSize dropdown change

Hello @AllenFang

For some weird reason I’m doing a fetch request on onPageChange and sizePerPageListChange both.

I’ve encountered a scenario where sizePerPageListChange event also triggers onPageChange event. This is very similar to the example here(section: Pagination Hook)

Can we avoid the table doing multiple events like these?

Thanks.

[prajapati-parth]

Sure @AllenFang. Thanks for taking quick action. Here’s the code snippet how I fixed it. If it can be of some help to you.

const onPageChange = () => {
    // If previous page size and the new page size are equal, page change is actual, otherwise it is triggred by sizePerPage dropdown change
    // This is a fix. An issue in the original repo has been created here: https://github.com/AllenFang/react-bootstrap-table/issues/1587
    let oldPageSize = this.refs['BootstrapTable'].getSizePerPage(),
    isActualPageChange = oldPageSize == sizePerPage

    if (isActualPageChange) {
        // onPageChange code
    }
}

[minkesh]

Hey @AllenFang any updates on this.