CSS Table Styling Tool
Table Styling Options
General Table Options
Border Collapse
Determines whether table borders are collapsed into a single border or separated
Collapse
Separate
Table Width
Width of the entire table
Table Background
Background color for the entire table
Make Table Responsive
Add horizontal scroll on small screens
Borders
Border Width
Width of table borders
Border Style
Style of table borders
Solid
Dashed
Dotted
Double
None
Border Color
Color of table borders
Header Options
Header Background
Background color for table headers
Header Text Color
Text color for table headers
Header Font Weight
Font weight for header text
Normal
Bold
Semi-Bold
Header Text Align
Horizontal alignment of header text
Left
Center
Right
Cells Options
Cell Padding
Padding inside table cells
Cell Text Color
Text color for table cells
Cell Text Align
Horizontal alignment of cell text
Left
Center
Right
Vertical Align
Vertical alignment of cell content
Top
Middle
Bottom
Row Effects
Zebra Striped Rows
Alternate row colors for better readability
Zebra Stripe Color
Background color for alternate rows
Hover Effect
Highlight rows on mouse hover
Hover Color
Background color when hovering over rows
Advanced Features
Enable Sorting
Allow sorting of table rows by clicking headers
Enable Filtering
Add a search box to filter table rows
Table Preview
Product
Category
Price
Laptop
Electronics
$999.99
Headphones
Audio
$149.99
Smartphone
Mobile
$799.99
Generated Code
Copy