el-table

Name: el-table
Availability: InStock
Author: jiaiyan

Display and manage tabular data with sorting, filtering, selection, and pagination.

21|2|Updated Mar 13, 2026

Search Tags:#filtering #sorting #element-plus #ui-component #datatable #data-grid #el-table

Ready to run

npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-table-jiaiyan

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: el-table
Source: https://github.com/jiaiyan/element-plus-skills/tree/main/components/el-table
Command: npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-table-jiaiyan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Organize and display large datasets in a clear, interactive table with sorting, filtering, and selective capabilities.

Core Features & Use Cases

Sorting and filtering: Client-side or server-driven column sort and filter for efficient data exploration.
Row selection and trees: Support for single/multiple selection and expandable tree-like data structures.
Pagination and layout: Flexible height, fixed headers, and pagination-ready data display for dashboards and admin panels.
Use Cases: Build data grids for user management, inventory, or analytics dashboards that require dynamic data presentation and interactions.

Quick Start

Create a basic table using el-table with a data array and a few el-table-column definitions.

Frequently Asked Questions about el-table

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

FAQPage Schema

How do I build interactive data tables with sorting and filtering in Element Plus?▼

Interactive data tables in Element Plus are built by defining a data array and column configurations to support client-side or server-driven column sorting and filtering for efficient data exploration.

Can I display hierarchical tree structures in a UI data grid?▼

Hierarchical tree structures can be displayed in a UI data grid by utilizing nested rows and expandable tree-like data configurations within your table columns to show relational records.

What is the best way to manage large datasets in an admin panel?▼

The best way to manage large datasets in an admin panel is using data grids with flexible height, fixed headers, and pagination-ready layouts to organize and display records clearly.

Does the Element Plus datatable support row selection for analytics dashboards?▼

The Element Plus datatable supports single and multiple row selection capabilities, making it suitable for analytics dashboards requiring dynamic data presentation and selective user interactions.