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

Tree and TreeTable: Scroll performance (big amount data) (virtual scrolling) #1888

Open
NeluQi opened this issue Dec 14, 2021 · 8 comments
Open
Labels
Resolution: Help Wanted Issue or pull request requires extra help and feedback Resolution: Needs Upvote 👍 Support this idea or feature by adding an upvote. Community feedback helps with prioritization.
Milestone

Comments

@NeluQi
Copy link

NeluQi commented Dec 14, 2021

This is true for all components that are currently in place.
Especially for Tree

Add virtual scrolling for Tree

The problem is that there are a lot of objects in my tree. There are a lot of objects in the DOM when nodes are open. Because of this, the entire UI starts to slow down terribly.

It is necessary to make scrolling virtualization for all components that have scrolling and display data

i.e. do something like this: https://vuejsexamples.com/a-vue-component-support-big-amount-data-list-with-high-scroll-performance/

This is very critical for me.
Please do something as quickly as possible.
Paginator is not always available for specific tasks

You can take another component for virtualization and apply it to your components
(https://www.vuescript.com/best-virtual-scrolling/)

EDIT:
https://primefaces.org/primevue/showcase/#/virtualscroller

As I understand it, you already have a virtual scroll.

Use it in the component Tree and TreeTable please.

This is a very high priority.

Ideally, wherever there are lists and scroll to use it

@NeluQi NeluQi changed the title Tree: Scroll performance (big amount data) (virtual scrolling) Tree and TreeTable: Scroll performance (big amount data) (virtual scrolling) Dec 24, 2021
@tugcekucukoglu tugcekucukoglu added the Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add label Jan 18, 2022
@minzdrav
Copy link

+1

2 similar comments
@ArtBat123
Copy link

+1

@wangxdmm
Copy link

+1

@catfos
Copy link

catfos commented Feb 8, 2024

+1. Any update on if this will be implemented?

@JohnnyMaynne
Copy link

I don't think it's that easy to do because of recursion

@Wafje
Copy link

Wafje commented Jul 18, 2024

I am also looking for this functionality.

@mertsincan mertsincan added Resolution: Needs Upvote 👍 Support this idea or feature by adding an upvote. Community feedback helps with prioritization. Status: Pending Review Issue or pull request is being reviewed by Core Team and removed Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add labels Dec 27, 2024
Copy link

Thanks a lot for this issue! PrimeTek's own vision for PrimeVue is demanding, but community feedback is crucial in prioritization. The more upvotes help ensure this fix can be addressed quickly or the related PR can be merged soon.

@mertsincan mertsincan added this to the Future milestone Dec 27, 2024
@github-project-automation github-project-automation bot moved this to Review in PrimeVue Dec 27, 2024
@mertsincan mertsincan added Resolution: Help Wanted Issue or pull request requires extra help and feedback and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels Dec 27, 2024
Copy link

Due to PrimeTek's demanding roadmap for PrimeVue and the limited bandwidth of the core team, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Resolution: Help Wanted Issue or pull request requires extra help and feedback Resolution: Needs Upvote 👍 Support this idea or feature by adding an upvote. Community feedback helps with prioritization.
Projects
Status: Review
Development

No branches or pull requests

9 participants