Loading...
Installation
Features
- Sortable Columns: Click on column headers to sort data in ascending/descending order
- Search Filter: Real-time search across all table fields
- Responsive Design: Works seamlessly on mobile and desktop
- Badge Status: Visual status indicators with color coding
- TypeScript: Fully typed for better developer experience
Props
| Prop | Type | Default | Description |
|---|---|---|---|
data | TableUser[] | defaultData | Array of user data to display |
title | string | "Employee Directory" | Table title shown at the top |
TableUser Type
export type TableUser = {
id: string;
name: string;
email: string;
department: string;
role: string;
status: "Active" | "Inactive" | "Pending";
salary: number;
};