HTML Tables Examples
Resize your browser window to see how the responsive tables react!
1. Basic Table Structure
Basic Employee Directory
| Name |
Role |
Department |
| Alice Smith |
Software Engineer |
Engineering |
| Bob Jones |
UI Designer |
Design |
| Total Employees: 2 |
2. Mobile Horizontal Scroll (Wrapper)
On a small screen, this box will let you swipe left and right rather than
breaking the page.
3. Mobile "Card" Layout
Shrink your screen! Under 600px, this table transforms into stacked cards.
| Name |
Role |
Department |
| Charlie Davis |
Project Manager |
Operations |
| Diana Prince |
Security Lead |
IT Support |
4. Merged Cells (Event Schedule)
Conference Schedule
| Time |
Room A |
Room B |
| 9:00 AM |
Morning Keynote (Everyone)
|
| 10:00 AM |
HTML Deep Dive (2 Hours) |
CSS Basics |
| 11:00 AM |
CSS Layouts |