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

[Feature]: use virtual list for command (or components when use list for render lots of items) #629

Open
2 tasks
davsaniuv opened this issue Jun 23, 2024 · 3 comments

Comments

@davsaniuv
Copy link

Describe the feature

Im trying to use filters on task example but when i put a lot of items on some filters it crashes and it runs slow, i’ve tried to use virtual list on radix ui and it works better but i dont how to know to style it as good as shadcn styles so i wonder if is there are plans to bring this component (s)

Additional information

  • I intend to submit a PR for this feature.
  • I have already implemented and/or tested this feature.
@romanhrynevych
Copy link
Collaborator

@davsaniuv hello! I was previously worked on this example feature, but don't have much time to end this for a reasonable PR. I just updated my working branch with dev, here you can find some example how to implement this feature with vue-virtual-scroller

shadcn-virtual-table.mp4

This example is inside /src/examples/big-data/Example.vue, if you have some additional questions feel free to ask 🙌
image

Branch where you can find all code: link

@wrtisans
Copy link

that's awesome, but is there a way to implement this with command and filters ? this one:
CleanShot 2024-06-25 at 07 19 22

at this moment have filters with 100+ options

@romanhrynevych
Copy link
Collaborator

Yeah, definitely, will send you some working example 🙌

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