Back to blocks
View all table blocks
Installation
npx shadcn add @mylo-ui/table-data-gridPreview
100 records
| ID | Name | Department | Role | Status | Location | Performance | |
|---|---|---|---|---|---|---|---|
| EMP00001 | John Smith john.smith@company.com | Engineering | Manager | Active | New York | 87% | |
| EMP00002 | Sarah Johnson sarah.johnson@company.com | Sales | Senior | On Leave | San Francisco | 73% | |
| EMP00003 | Michael Brown michael.brown@company.com | Marketing | Junior | Remote | Chicago | 94% | |
| EMP00004 | Emily Davis emily.davis@company.com | HR | Lead | Contractor | Austin | 74% | |
| EMP00005 | David Wilson david.wilson@company.com | Finance | Director | Terminated | Seattle | 63% | |
| EMP00006 | Lisa Anderson lisa.anderson@company.com | Operations | Specialist | Active | Boston | 89% | |
| EMP00007 | Robert Taylor robert.taylor@company.com | Engineering | Manager | On Leave | Denver | 62% | |
| EMP00008 | Jennifer Martinez jennifer.martinez@company.com | Sales | Senior | Remote | Miami | 61% | |
| EMP00009 | William Robinson william.robinson@company.com | Marketing | Junior | Contractor | New York | 91% | |
| EMP00010 | Elizabeth Clark elizabeth.clark@company.com | HR | Lead | Terminated | San Francisco | 81% |
Rows per page:
Page 1 of 10
Usage
import { TableDataGrid } from "@/components/blocks/table-data-grid"
export default function Page() {
return <TableDataGrid />
}Dependencies
lucide-react
shadcn/ui Components
table
button
checkbox
Related Blocks
More table blocks you might like
