Table Properties
Preview
Generated Code
Table Structure
- Enter number of columns (1-10) and click “Update”
- Enter number of rows (1-20) and click “Update”
- Add custom header names as needed
Styling Options
- Check/uncheck options:
- Striped: Alternating row colors
- Bordered: Add borders to cells
- Hover: Highlight rows on mouse hover
- Small: Compact table size
Header Style
- Choose Light or Dark headers
Responsive Options
- None: Regular table
- Responsive: Horizontal scroll on small screens
- Responsive-sm/md/lg/xl: Breakpoint-specific behavior
Get Your Code
- Preview shows live table
- Click “Copy Code” button to copy HTML
- Paste into your project