Skip to content
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

Rendering multiple b-tables is slow in papers.index route #3

Open
StevenMHernandez opened this issue Dec 29, 2021 · 0 comments
Open
Labels
enhancement New feature or request

Comments

@StevenMHernandez
Copy link
Owner

In papers.index we are rendering a b-table for every single collection. Currently, all of these b-tables need to be rendered before vuejs will display the rest of the rendered components on the page. This makes the whole page feel sluggish when the number of collections is around 50.

There should be some way to render b-tables only when they are visible. HOWEVER, we still want the basic information to be written to the page so that we can cmd+f to find specific papers. Thus, we should default to standard HTML tables and then render the b-tables whenever the table is in view.

It might be preferable to trigger the table rendering from javascript (https://bootstrap-table.com/docs/getting-started/usage/#via-javascript) when v-b-visible is true. However, I am not certain this is possible.

@StevenMHernandez StevenMHernandez added the enhancement New feature or request label Dec 29, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant