Data Table
A searchable data table with pagination.
Saved preference for
elorm init --ui-library base-ui| Name | Status | |
|---|---|---|
| Alice Chen | alice@example.com | Active |
| Bob Smith | bob@example.com | Pending |
| Carol Lee | carol@example.com | Active |
PreviewCode
import { DataTable } from "@/components/blocks/data-table"
export function DataTableDemo() {
return (
<DataTable
rows={[
{ id: "1", name: "Alice Chen", email: "alice@example.com", status: "Active" },
{ id: "2", name: "Bob Smith", email: "bob@example.com", status: "Pending" },
{ id: "3", name: "Carol Lee", email: "carol@example.com", status: "Active" },
]}
/>
)
}
Installation#
Usage#
import { DataTable } from "@/components/blocks/data-table"A searchable data table with pagination.