Enhances tables with automatic striping, responsive scrolling, column alignment, and minimal styling options. Automatically applies appropriate styling based on table size and content.
Create standard HTML tables. The system automatically enhances them with responsive behavior, striping for large tables, column alignment based on header cell classes, and overflow scrolling.
.striped - Applied automatically to large tables (5+ rows and columns).unstriped - Prevents automatic striping.unstyled - Removes all automatic styling.overflow-x - Applied automatically for horizontal scrolling.minimal - Applies minimal table styling.borderless - Removes all borders.compact - Reduces font size and padding for dense tables.left, .center, .right - Column alignment classes.top, .middle, .bottom - Vertical alignment classes| Name | Age | City |
|---|---|---|
| John Doe | 25 | New York |
| Jane Smith | 30 | Los Angeles |
| Bob Johnson | 35 | Chicago |
| Product | Category | Price | Stock | Rating |
|---|---|---|---|---|
| Laptop | Electronics | $999 | 15 | 4.5 |
| Mouse | Electronics | $25 | 50 | 4.2 |
| Keyboard | Electronics | $75 | 30 | 4.3 |
| Monitor | Electronics | $300 | 20 | 4.4 |
| Headphones | Electronics | $150 | 25 | 4.1 |
| Webcam | Electronics | $80 | 40 | 4.0 |
| Name | Age | Salary |
|---|---|---|
| Alice Johnson | 28 | $65,000 |
| Bob Smith | 32 | $72,000 |
| Carol Davis | 29 | $68,000 |
| Item | Quantity | Unit Price |
|---|---|---|
| Notebook | 10 | $2.50 |
| Pen | 25 | $1.20 |
| Pencil | 15 | $0.80 |
| Course | Credits | Grade | Semester | Instructor |
|---|---|---|---|---|
| Mathematics 101 | 3 | A | Fall 2023 | Dr. Smith |
| Physics 201 | 4 | B+ | Fall 2023 | Dr. Johnson |
| Chemistry 101 | 3 | A- | Spring 2024 | Dr. Brown |
| Biology 201 | 4 | B | Spring 2024 | Dr. Wilson |
| English 101 | 3 | A | Fall 2023 | Prof. Davis |
| Task | Status | Due Date |
|---|---|---|
| Complete report | In Progress | 2024-01-15 |
| Review documents | Completed | 2024-01-10 |
| Schedule meeting | Pending | 2024-01-20 |
| Feature | Description | Status |
|---|---|---|
| Responsive Design | Adapts to different screen sizes | Complete |
| Accessibility | WCAG 2.1 AA compliant | Complete |
| Performance | Optimized for fast loading | In Progress |
| ID | Name | Type | Value | Status |
|---|---|---|---|---|
| 001 | Alpha | Primary | 100 | Active |
| 002 | Beta | Secondary | 200 | Active |
| 003 | Gamma | Tertiary | 300 | Inactive |
| 004 | Delta | Primary | 400 | Active |
| Employee ID | Full Name | Department | Position | Hire Date | Salary | Benefits | Performance Rating | Last Review | Next Review |
|---|---|---|---|---|---|---|---|---|---|
| EMP001 | John Smith | Engineering | Senior Developer | 2020-03-15 | $85,000 | Full | 4.2 | 2023-12-01 | 2024-12-01 |
| EMP002 | Jane Doe | Marketing | Marketing Manager | 2019-07-22 | $75,000 | Full | 4.5 | 2023-11-15 | 2024-11-15 |
| EMP003 | Bob Johnson | Sales | Sales Representative | 2021-01-10 | $60,000 | Full | 3.8 | 2023-10-30 | 2024-10-30 |
.left, .center, or .right on header cells to align entire columns.top, .middle, or .bottom for vertical alignment.unstriped prevents automatic striping.unstyled removes all automatic enhancements.minimal applies clean, minimal styling.borderless removes all borders for a clean look.compact reduces font size and padding for dense tables