Data Table
A powerful table component with templated headers, rows, loading states, and empty states.
Installation
dotnet add package Lumeo.DataGrid
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <DataTable />
When to Use
- Displaying sortable and filterable datasets with column headers
- Row selection for bulk actions like delete, export, or status changes
- Paginated lists of records such as users, orders, or transactions
| Status | Amount | |
|---|---|---|
Success |
[email protected] | $316.00 |
Success |
[email protected] | $242.00 |
Pending |
[email protected] | $837.00 |
Failed |
[email protected] | $874.00 |
Success |
[email protected] | $721.00 |
| Status | Amount |
|---|
| Status | Amount | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
No payments foundThere are no payments to display yet. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Alice Johnson | [email protected] | Admin |
| Bob Smith | [email protected] | User |
| Carol White | [email protected] | Editor |
| Dave Brown | [email protected] | User |
| Name | Role |
|---|
| Name | Role | ||
|---|---|---|---|
| Alice Johnson | [email protected] | Admin | |
| Bob Smith | [email protected] | User | |
| Carol White | [email protected] | Editor | |
| Dave Brown | [email protected] | User |
0 of 4 row(s) selected
API Reference
DataTable<TItem>
DataTableSortableHeader
Related Components
- Table — For simple static tables without sorting, selection, or loading states
- Pagination — For navigating between pages of data in a table