Table Settings
Data source
Paste data
Empty grid
Paste CSV, TSV or Excel data
Product,Price,Stock,Status Wireless Mouse,24.99,142,In stock Mechanical Keyboard,89.00,37,In stock USB-C Hub,45.50,0,Backorder Monitor Stand,62.00,88,In stock
Copy straight from Excel, Sheets or a CSV file — tabs, commas, semicolons and pipes are all detected.
Rows
Columns
Delimiter
Auto-detect
Comma
Tab
Semicolon
Pipe
Caption
A caption is the accessible name of a table. Screen-reader users hear it before the data.
Structure
First row is a header
Wrapped in
<thead>
with
<th scope="col">
.
First column is a header
Uses
<th scope="row">
— needed for two-dimensional tables.
Last row is a footer
Wrapped in
<tfoot>
, for totals.
Trim whitespace in cells
Use for empty cells
Stops borders collapsing in older browsers.
Styling
Semantic HTML only
HTML + CSS stylesheet
Inline styles (for email)
Bootstrap 5 classes
Tailwind classes
Style options
Zebra striping
Row hover highlight
Cell borders
Responsive wrapper
Horizontal scroll container so wide tables never break the page.
Right-align numeric columns
Detected automatically from the data.
Table class
Formatting
Indent the markup
Minify output
Generated Table
HTML
Live preview
Accessibility
table.html
Copy
Download