n-data-table

Render Vue data tables with sorting, filtering, pagination, and CSV export.

8|3|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-data-table
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: n-data-table
Source: https://github.com/jiaiyan/naive-ui-skills/tree/main/components/n-data-table
Command: npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-data-table

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Display and interact with structured tabular data efficiently, enabling complex UIs to present, sort, filter, and paginate large datasets.

Core Features & Use Cases

  • Flexible data table for dashboards and admin interfaces
  • Sorting, filtering, pagination, selection, and tree data
  • Virtual scrolling and CSV export for large datasets
  • Real-world use: display user lists with search and bulk actions

Quick Start

Render a basic data table by passing columns and data to the n-data-table component in a Vue setup.

Frequently Asked Questions about n-data-table

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

FAQPage Schema
How do I display and interact with large structured tabular data in a Vue dashboard?

To display and interact with structured tabular data in a Vue dashboard, use a flexible data table component that supports data binding, column definitions, sorting, filtering, and pagination out of the box.

What is the best way to handle virtual scrolling for large datasets in an admin interface?

Virtual scrolling for large datasets in an admin interface is handled by specialized data table components that render only visible rows, maintaining performance while supporting sorting and filtering operations.

Does this data table component support tree data structures and CSV export?

Yes, the data table component supports displaying tree data structures for hierarchical viewing and CSV export capabilities, allowing you to extract structured tabular data.

Can I implement bulk selection and search filtering for a user list in a Vue application?

Yes, you can implement bulk selection and search filtering for a user list by utilizing the built-in selection and filtering features of the interactive data table component in a Vue setup.

How do I render a basic data table by passing columns and data in a Vue setup?

To render a basic data table, pass your column definitions and data arrays directly to the data table component within your Vue setup, enabling interactive sorting and pagination features.