DataTable
Powerful, flexible, and customizable data table component with sorting, filtering, pagination, row selection, and more features.
Pro Features
Unlock advanced capabilities with the Pro version
Advanced Data Handling
Handle massive datasets with virtualization, lazy loading, and optimized rendering for smooth performance
Smart Filtering & Search
Powerful column-specific filters, global search, and custom filter functions with debounced input
Flexible Sorting
Multi-column sorting, custom sort functions, and persistent sort state across sessions
Column Management
Resizable columns, show/hide controls, column reordering, and fixed column support
Export Functionality
Export data to CSV, Excel, PDF, and JSON formats with custom formatting options
Row Expansion
Expandable rows with nested tables, detail views, and custom expansion content
Installation
Install via CLI
moonui add data-table-proUsage
Basic Usage
Name | Email | Role |
|---|---|---|
| John Doe | john.doe@example.com | Admin |
| Jane Smith | jane.smith@example.com | Editor |
| Bob Johnson | bob.johnson@example.com | User |
Rows per page
Pro Usage
E-posta | Role | Status | Department | İşlemler | |||
|---|---|---|---|---|---|---|---|
John Doe | john.doe@example.com | Admin | Active | Engineering | ₺85.000,00 | ||
Jane Smith | jane.smith@example.com | Editor | Active | Marketing | ₺65.000,00 | ||
Bob Johnson | bob.johnson@example.com | User | Inactive | Sales | ₺55.000,00 | ||
Alice Brown | alice.brown@example.com | Viewer | Pending | HR | ₺75.000,00 | ||
Charlie Wilson | charlie.wilson@example.com | Editor | Active | Engineering | ₺60.000,00 |
Rows per page
Examples
Basic Usage
Simple data table example
İsim | E-posta | Rol |
|---|---|---|
| John Doe | john.doe@example.com | Admin |
| Jane Smith | jane.smith@example.com | Editor |
| Bob Johnson | bob.johnson@example.com | User |
Rows per page
Sorting and Filtering
Table with sorting and filtering features
Rol | Departman | |
|---|---|---|
| John Doe | Admin | Engineering |
| Jane Smith | Editor | Marketing |
| Bob Johnson | User | Sales |
| Alice Brown | Viewer | HR |
| Charlie Wilson | Editor | Engineering |
Rows per page
Row Selection
Table with multi-row selection feature
E-posta | Role | Status | ||
|---|---|---|---|---|
John Doe | john.doe@example.com | Admin | Active | |
Jane Smith | jane.smith@example.com | Editor | Active | |
Bob Johnson | bob.johnson@example.com | User | Inactive | |
Alice Brown | alice.brown@example.com | Viewer | Pending | |
Charlie Wilson | charlie.wilson@example.com | Editor | Active |
Rows per page
Pagination
Large dataset with pagination feature
E-posta | Role | Status | Department | |
|---|---|---|---|---|
John Doe | john.doe@example.com | Admin | Active | Engineering |
Jane Smith | jane.smith@example.com | Editor | Active | Marketing |
Bob Johnson | bob.johnson@example.com | User | Inactive | Sales |
Rows per page
Advanced Features
Table with export functionality (CSV, Excel, PDF) and all features
Project Name | Status | Progress | Due Date |
|---|---|---|---|
| Project Alpha | Completed | 100% | 2024-01-15 |
| Project Beta | In Progress | 75% | 2024-02-01 |
| Project Gamma | Planning | 25% | 2024-03-15 |
| Project Delta | In Progress | 60% | 2024-02-20 |
| Project Epsilon | Completed | 100% | 2024-01-30 |
Rows per page
Advanced Filtering
Table with filter drawer/sidebar
Name | Email | Role | Department | Salary | Join Date | Status | |
|---|---|---|---|---|---|---|---|
John Doe | john@example.com | Admin | Engineering | $120,000 | 1/15/2022 | Active | |
Jane Smith | jane@example.com | User | Sales | $85,000 | 3/20/2022 | Active | |
Bob Johnson | bob@example.com | Editor | Marketing | $75,000 | 11/10/2021 | Inactive | |
Alice Brown | alice@example.com | User | HR | $70,000 | 2/1/2023 | Active | |
Charlie Davis | charlie@example.com | Admin | Engineering | $110,000 | 6/15/2023 | Pending | |
Emma Wilson | emma@example.com | Editor | Marketing | $80,000 | 8/1/2022 | Active | |
Frank Miller | frank@example.com | User | Sales | $90,000 | 5/20/2021 | Inactive | |
Grace Lee | grace@example.com | Admin | HR | $105,000 | 12/1/2022 | Active | |
Henry Zhang | henry@example.com | Editor | Engineering | $95,000 | 1/10/2023 | Active | |
Ivy Chen | ivy@example.com | User | Marketing | $72,000 | 9/1/2023 | Pending |
Rows per page
Custom Cells
Customized cell renderers
Ürün | Fiyat | Durum |
|---|---|---|
MacBook Pro Laptops | $2499 | In Stock |
iPhone 15 Phones | $999 | In Stock |
iPad Air Tablets | $699 | Low Stock |
AirPods Pro Audio | $249 | In Stock |
Apple Watch Wearables | $399 | Out of Stock |
Rows per page