Table Components
Beautiful and functional data tables with various features
Basic Table
Simple data table layout
| Name | Role | Status | |
|---|---|---|---|
| John Doe | john@example.com | Admin | Active |
| Jane Smith | jane@example.com | User | Active |
| Bob Johnson | bob@example.com | User | Inactive |
Striped Table
Alternating row colors
| Product | Category | Price | Stock |
|---|---|---|---|
| Laptop Pro | Electronics | $1,299 | 45 |
| Wireless Mouse | Accessories | $29 | 120 |
| Keyboard RGB | Accessories | $79 | 67 |
| Monitor 27" | Electronics | $399 | 28 |
Hover Table
Row highlight on hover
| Order ID | Customer | Amount | Status |
|---|---|---|---|
| #ORD-001 | Alice Cooper | $1,500 | Processing |
| #ORD-002 | David Miller | $3,200 | Completed |
| #ORD-003 | Emma Wilson | $890 | Pending |
Sortable Table
Click column headers to sort
| Employee | Department | Salary | Experience |
|---|---|---|---|
| Sarah Johnson | Engineering | $95,000 | 5 years |
| Michael Brown | Marketing | $72,000 | 3 years |
| Amanda Lee | Design | $88,000 | 7 years |
| Robert Chen | Sales | $65,000 | 2 years |
Searchable Table
Filter rows with search
| Country | Capital | Population | Region |
|---|---|---|---|
| United States | Washington, D.C. | 331 million | North America |
| Japan | Tokyo | 126 million | Asia |
| Germany | Berlin | 83 million | Europe |
| Brazil | BrasÃlia | 213 million | South America |
| Australia | Canberra | 26 million | Oceania |
Paginated Table
Navigate through pages of data
| ID | Task | Assignee | Priority |
|---|---|---|---|
| #001 | Fix login bug | John Doe | High |
| #002 | Update documentation | Jane Smith | Medium |
| #003 | Design new feature | Bob Johnson | Low |
| #004 | Code review | Alice Cooper | Medium |
| #005 | Deploy to staging | David Miller | High |
| #006 | Write unit tests | Emma Wilson | Medium |
| #007 | Refactor API | Robert Chen | Low |
| #008 | Database optimization | Sarah Johnson | High |