Skip to content

Infinite scroll / Lazy loading #1133

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
SimonDKnight opened this issue Mar 9, 2017 · 3 comments
Open

Infinite scroll / Lazy loading #1133

SimonDKnight opened this issue Mar 9, 2017 · 3 comments

Comments

@SimonDKnight
Copy link

Hi, has anyone manage to implement an infinite scroll / lazy loading feature so that the table only loads say 100 records at first then as you scroll down near the bottom of the 100 rows it sends an ajax request for the next 100?

Thanks

Simon

@AllenFang
Copy link
Owner

@SimonDKnight, it's nice feature, sorry for busy currently and only focus on bug fixed in next couple weeks, so PR is welcome

@bennnjamin
Copy link
Contributor

You could implement this purely in React and Javascript in the meantime. Have an internal store for your data, then when the user scrolls past a certain point trigger your AJAX call for more data, append it to your internal store, then call this.setState(data) which will trigger a render of the table with the new data.

@AllenFang
Copy link
Owner

it's also a workaround, but if react-bootstrap-table could support it natively, it's will be better :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants