Render large item lists efficiently by virtualization in Vue.
npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-virtual-list
Please help me install this Agent Skill. Skill: n-virtual-list Source: https://github.com/jiaiyan/naive-ui-skills/tree/main/components/n-virtual-list Command: npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-virtual-list
Virtualization reduces rendering workload by rendering only visible items, enabling smooth scrolling for large lists.
Use the n-virtual-list component to render a large list by providing items and an item-size.
High-intent search queries and answers about installing and using this skill.
Virtualization renders only visible items in your Vue data list, significantly reducing the workload to enable smooth, high-performance scrolling for huge datasets.
Yes, the Vue virtual list supports both fixed item sizes and dynamic item heights, with optional item-resizable support for handling varying content dimensions.
Yes, programmatic scrolling is supported, allowing you to jump to specific items in chat histories, long data tables, or dynamic feeds for dashboard navigation.
Using a Vue-based virtual list component is the best way to display massive data tables, as it handles item-size calculations and customizable scrollbar integration for efficient rendering.
You should use virtualization for scrolling lists when rendering chat histories, long data tables, or dynamic feeds that contain huge item counts and require effortless speed.
harlan-zwVirtualize scrollable Vue.js lists with @tanstack/vue-virtual for visible items only.
jiaiyanConfigure el-scrollbar scrollbars with height, methods, and end-reached events.
Ditto190Organize and synchronize application state across UI components with reusable containers and hooks.
TanStackCompose TanStack Vue Table with TanStack Virtual for row and column virtualization.
