Search pages
Search all CSS Showcase pages by name
Tables That Tell Stories
Transform boring data grids into beautiful, accessible tables. From zebra stripes to sticky headers — fundamental styling techniques that make your data shine.
Basic Table Styling
Start with semantic HTML tables and enhance them with CSS for better readability and visual appeal.
Clean & Simple
| Name | Position | Department | Salary |
|---|---|---|---|
| Sarah Johnson | Senior Developer | Engineering | £85,000 |
| Michael Chen | UX Designer | Design | £65,000 |
| Emma Davis | Product Manager | Product | £95,000 |
| James Wilson | Marketing Lead | Marketing | £75,000 |
css
Striped Rows
| Product | Price | Stock |
|---|---|---|
| Laptop Pro | £1,299 | 12 |
| Wireless Mouse | £49 | 45 |
| USB-C Hub | £79 | 23 |
| Webcam HD | £129 | 8 |
css
Hover Effects
| Task | Status | Due |
|---|---|---|
| Design Review | Complete | Today |
| Code Refactor | In Progress | Tomorrow |
| Testing Phase | Pending | Next Week |
css
Styled Table Variations
Different table styles for different contexts — from minimal to bold designs.
Minimal Design
| Feature | Basic | Pro |
|---|---|---|
| Storage | 10GB | 100GB |
| Users | 5 | Unlimited |
| Support | 24/7 Phone | |
| Price | £9/mo | £29/mo |
css
Bordered Table
| Q1 | Q2 | Q3 | Q4 |
|---|---|---|---|
| £125K | £143K | £156K | £189K |
| +12% | +14% | +9% | +21% |
css
Compact Table
| # | Country | Capital | Population |
|---|---|---|---|
| 1 | United Kingdom | London | 67.5M |
| 2 | France | Paris | 67.4M |
| 3 | Germany | Berlin | 83.2M |
| 4 | Spain | Madrid | 47.4M |
| 5 | Italy | Rome | 59.1M |
css
Responsive Tables
Make tables work beautifully on all screen sizes with these responsive techniques.
Horizontal Scroll
| Order ID | Customer | Product | Quantity | Price | Status | Date | Shipping |
|---|---|---|---|---|---|---|---|
| #12345 | John Smith | Laptop Pro 15" | 1 | £1,299 | Shipped | 2024-01-15 | Express |
| #12346 | Emma Wilson | Wireless Keyboard | 2 | £158 | Processing | 2024-01-16 | Standard |
css
Stack on Mobile
| Name | Role | Status | |
|---|---|---|---|
| Alex Johnson | alex@example.com | Administrator | Active |
| Sam Taylor | sam@example.com | Editor | Pending |
css
Sortable Table
| Name | Score | Date | Actions |
|---|---|---|---|
| Alice Brown | 95 | 2024-01-10 | |
| Bob Davis | 87 | 2024-01-12 | |
| Carol White | 92 | 2024-01-11 |
css
Data Table with Filters
| Product | Category | Price |
|---|---|---|
| Smartphone X | Electronics | £699 |
| Winter Jacket | Clothing | £129 |
| CSS Mastery | Books | £35 |
css
Fixed Header Table
| Month | Revenue | Growth |
|---|---|---|
| January | £45,230 | +12% |
| February | £48,650 | +8% |
| March | £52,180 | +7% |
| April | £51,990 | -0.4% |
| May | £55,420 | +6.6% |
| June | £58,760 | +6% |
css
Continue Your Journey
Tables mastered! Create flexible card layouts next, or style beautiful, accessible forms.