el-table-v2

Render large datasets in a virtualized table component with fixed columns and custom cell renderers.

21|2|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-table-v2
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: el-table-v2
Source: https://github.com/jiaiyan/element-plus-skills/tree/main/components/el-table-v2
Command: npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-table-v2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rendering large datasets with traditional tables often leads to slow UI and high memory usage; virtualized rendering solves this by only drawing visible rows.

Core Features & Use Cases

  • Lightweight virtualization of table rows for thousands of records.
  • Support for auto-resizing, fixed columns, custom cell renderers, and row selection.
  • Use cases include dashboards, admin panels, and data grids requiring smooth scrolling and fast rendering.

Quick Start

Render a large dataset in a virtualized table by supplying columns and data to el-table-v2.

Frequently Asked Questions about el-table-v2

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render large datasets in a Vue table without freezing the UI?

Virtualized table rendering solves large dataset performance issues by only drawing visible rows, minimizing DOM rendering and memory usage for smooth scrolling. This approach prevents UI freezing when handling thousands of records in data-intensive dashboards.

What is virtualized table rendering and when do I need it for data grids?

Virtualized table rendering is a technique that draws only visible rows to minimize memory usage. You need it for data-intensive admin panels and dashboards requiring smooth scrolling and fast rendering when displaying massive datasets.

How do I implement fixed columns and custom cell renderers with virtualized tables?

To implement fixed columns and custom cell renderers, supply columns, data, width, height, row-height, and header-height attributes to the virtualized table component. This enables dynamic row rendering and fixed columns for massive data grids.

Does virtualized table rendering support row selection and auto-resizing?

Virtualized table rendering supports auto-resizing, fixed columns, custom cell renderers, and row selection. These features allow data-intensive dashboards to maintain smooth scrolling while enabling interactive selection across thousands of records.

Can I control scrolling and row rendering events in virtualized data tables?

Virtualized data tables expose events and methods to control scrolling and row rendering. You can use these alongside attributes like columns, data, width, height, and row-height to manage dynamic rendering in admin interfaces.

Why does my Vue data grid slow down with thousands of records?

Traditional tables slow down with thousands of records due to high DOM rendering and memory usage. Virtualized rendering solves this by only drawing visible rows, ensuring smooth scrolling and efficient performance for massive datasets.