Table Styles
Different table variations and styles for various use cases
Employee Directory
Full-featured table with search, filters, and pagination
Total Employees
15
+2 this month
Active
11
73% of team
On Leave
2
Departments
10
| ID | Employee | Department | Role | Salary | Joined | Status | Actions |
|---|
Showing 0 – 0 of 0 employees
Striped Table
Alternating row backgrounds for easier reading
| Employee | Department | Role | Salary | Status |
|---|---|---|---|---|
 Alice Johnson |
Product | Product Manager | $95,000 | Active |
 Bob Smith |
Engineering | Senior Developer | $1,15,000 | Active |
 Carol Williams |
Design | UX Designer | $85,000 | On Leave |
 David Brown |
Marketing | Marketing Director | $1,05,000 | Active |
 Emma Davis |
QA | QA Lead | $88,000 | Active |
 Frank Wilson |
DevOps | DevOps Engineer | $1,10,000 | Inactive |
 Grace Lee |
Data | Data Scientist | $1,20,000 | Active |
 Henry Martinez |
Management | CTO | $1,80,000 | Active |
Bordered Table
Full borders on all cells for a classic grid look
| Name | Department | Role | Join Date | |
|---|---|---|---|---|
| Alice Johnson | alice@company.com | Product | Product Manager | Jan 15, 2024 |
| Bob Smith | bob@company.com | Engineering | Senior Developer | Mar 10, 2023 |
| Carol Williams | carol@company.com | Design | UX Designer | Jun 22, 2023 |
| David Brown | david@company.com | Marketing | Marketing Director | Sep 05, 2022 |
| Emma Davis | emma@company.com | QA | QA Lead | Nov 18, 2023 |
| Frank Wilson | frank@company.com | DevOps | DevOps Engineer | Apr 02, 2022 |
Compact / Dense Table
Reduced padding for high-density data display
| ID | Name | Dept | Role | Salary | Status |
|---|---|---|---|---|---|
| EMP-001 | Alice Johnson | Product | Product Manager | $95,000 | active |
| EMP-002 | Bob Smith | Engineering | Senior Developer | $1,15,000 | active |
| EMP-003 | Carol Williams | Design | UX Designer | $85,000 | on leave |
| EMP-004 | David Brown | Marketing | Marketing Director | $1,05,000 | active |
| EMP-005 | Emma Davis | QA | QA Lead | $88,000 | active |
| EMP-006 | Frank Wilson | DevOps | DevOps Engineer | $1,10,000 | inactive |
| EMP-007 | Grace Lee | Data | Data Scientist | $1,20,000 | active |
| EMP-008 | Henry Martinez | Management | CTO | $1,80,000 | active |
| EMP-009 | Iris Chen | Engineering | Frontend Developer | $95,000 | active |
| EMP-010 | James Anderson | Sales | Sales Manager | $90,000 | active |
| EMP-011 | Kate Thompson | Content | Content Strategist | $72,000 | on leave |
| EMP-012 | Liam Garcia | Engineering | Backend Developer | $1,05,000 | active |
| EMP-013 | Mia Johnson | HR | HR Manager | $78,000 | active |
| EMP-014 | Noah Wilson | Finance | CFO | $1,65,000 | active |
| EMP-015 | Olivia Martin | Design | Graphic Designer | $68,000 | inactive |
Product Inventory
Table with product images, ratings, and stock status
| Product | Price | Stock | Sold | Rating | Status |
|---|---|---|---|---|---|
 MacBook Pro 16" Laptops |
$2499 | 45 | 312 |
4.8 |
In Stock |
 Sony WH-1000XM5 Audio |
$349 | 128 | 856 |
4.7 |
In Stock |
 iPad Air M2 Tablets |
$799 | 0 | 543 |
4.6 |
Out of Stock |
 Mechanical Keyboard Accessories |
$189 | 67 | 1,205 |
4.9 |
In Stock |
 LG UltraWide 34" Monitors |
$699 | 12 | 198 |
4.5 |
Low Stock |
 Logitech MX Master Accessories |
$99 | 234 | 2,341 |
4.8 |
In Stock |
Recent Orders
Order tracking with status indicators and customer info
| Order | Customer | Total | Date | Status |
|---|---|---|---|---|
#ORD-7841 3 items · Credit Card |
 Sarah Connor sarah@email.com |
$459.99 | Mar 10, 2026 | Delivered |
#ORD-7842 1 items · PayPal |
 John Wick john@email.com |
$2,499 | Mar 11, 2026 | Processing |
#ORD-7843 5 items · Debit Card |
 Ellen Ripley ellen@email.com |
$187.5 | Mar 11, 2026 | Shipped |
#ORD-7844 2 items · Credit Card |
 Tony Stark tony@email.com |
$1,249 | Mar 12, 2026 | Pending |
#ORD-7845 4 items · PayPal |
 Diana Prince diana@email.com |
$324.75 | Mar 12, 2026 | Cancelled |
#ORD-7846 7 items · Wire Transfer |
 Bruce Wayne bruce@email.com |
$3,150 | Mar 12, 2026 | Delivered |
Gradient Header Table
Eye-catching gradient header with clean data rows
| Country | Users | Revenue | Growth | Conversion |
|---|---|---|---|---|
🇺🇸United States |
12,453 | $245.8k | +12.5% |
3.2% |
🇬🇧United Kingdom |
8,721 | $178.4k | +8.3% |
2.8% |
🇩🇪Germany |
6,534 | $134.2k | +15.1% |
3.5% |
🇨🇦Canada |
5,892 | $112.3k | -2.4% |
2.1% |
🇦🇺Australia |
4,231 | $98.7k | +6.7% |
2.9% |
🇯🇵Japan |
3,867 | $87.5k | +22.3% |
4.1% |
🇫🇷France |
3,456 | $76.8k | -1.2% |
1.9% |
🇮🇳India |
15,234 | $45.6k | +34.5% |
1.2% |
Card-Style Rows
Each row styled as a card with hover elevation effect
Alice Johnson
Product Manager · Product
Bob Smith
Senior Developer · Engineering
Carol Williams
UX Designer · Design
David Brown
Marketing Director · Marketing
Emma Davis
QA Lead · QA
Frank Wilson
DevOps Engineer · DevOps
Dark Header Table
Inverted dark header with contrasting body rows
| Employee | Contact | Department | Salary | Status |
|---|---|---|---|---|
Alice Johnson Product Manager |
alice@company.com New York, US |
Product | $95,000 | Active |
Bob Smith Senior Developer |
bob@company.com New York, US |
Engineering | $1,15,000 | Active |
Carol Williams UX Designer |
carol@company.com New York, US |
Design | $85,000 | On Leave |
David Brown Marketing Director |
david@company.com New York, US |
Marketing | $1,05,000 | Active |
Emma Davis QA Lead |
emma@company.com New York, US |
QA | $88,000 | Active |
Frank Wilson DevOps Engineer |
frank@company.com New York, US |
DevOps | $1,10,000 | Inactive |
Grace Lee Data Scientist |
grace@company.com New York, US |
Data | $1,20,000 | Active |
Selectable Table
Table with checkboxes for bulk actions
Select items to perform bulk actions
| Employee | Department | Role | Salary | Status | |
|---|---|---|---|---|---|
Alice Johnson alice@company.com |
Product | Product Manager | $95,000 | Active | |
Bob Smith bob@company.com |
Engineering | Senior Developer | $1,15,000 | Active | |
Carol Williams carol@company.com |
Design | UX Designer | $85,000 | On Leave | |
David Brown david@company.com |
Marketing | Marketing Director | $1,05,000 | Active | |
Emma Davis emma@company.com |
QA | QA Lead | $88,000 | Active | |
Frank Wilson frank@company.com |
DevOps | DevOps Engineer | $1,10,000 | Inactive | |
Grace Lee grace@company.com |
Data | Data Scientist | $1,20,000 | Active | |
Henry Martinez henry@company.com |
Management | CTO | $1,80,000 | Active |
Department Breakdown
3
Avg $105k
2
Avg $77k
1
Avg $95k
1
Avg $105k
1
Avg $88k
1
Avg $110k