Pagination dropdown getting close when setState({ data })

I’m using react-bootstrap-table with remote data and fetching the data every few seconds to update the table.

<BootstrapTable
    remote={ true }
    data={ this.state.data }
    ....

And when fetching the data I use setState({ data }).

If I open the pagination menu - once the component is refreshed with the data from the server - the dropdown is getting closed automatically.

I’m using version 3.0.0

Is there something I can do to keep the pagination dropdown open?

[AllenFang]

sorry for lately reply cause of my busy job…

If I open the pagination menu - once the component is refreshed with the data from the server - the dropdown is getting closed automatically.

yap, it’s not a bug, because a re-render happen via setState

Is there something I can do to keep the pagination dropdown open?

there’s no any good way to achieve easily, but you can custom the dropdown and keep it always open, check this and add a props hidden={ false } on SizePerPageDropDown

Ley me know if you have any questions, thanks

[AllenFang]

Try v3.1.8, you can get the dropdown DOM via .react-bs-table-sizePerPage-dropdown and register it with DropDown Events