Developer Data

HTML table generator

What to do

Processed in your browser · nothing is uploaded

Local · cells escaped, header semantic
Advertisement
320 × 100

Turns pasted CSV into a proper HTML table with `thead` and `tbody`, every cell escaped, and an optional wrapper that scrolls sideways when the table is wider than its column.

How to use the html table generator

1 Paste your input. The result appears immediately.
2 Pick the operation you want.
3 Copy the result, or save it as a file.

Escaping is the reason to generate rather than hand-write. A cell containing <, & or a quote produces broken markup when pasted straight in, and the failure is silent: the browser recovers, the page renders, and one cell has quietly eaten the rest of the row.

The thead and tbody split is not decoration. A screen reader uses th elements to announce which column a cell belongs to as the user moves through the table, so a table built entirely from td is navigable only by someone who can see it. thead also lets the browser repeat the header when a table breaks across printed pages.

The scrolling wrapper solves the layout problem every wide table has: a table will not shrink below the width of its content, so a wide one pushes the whole page sideways. Wrapping it in a block with overflow-x: auto confines the scroll to the table, which is what this site does with its own article tables.

Questions

A cell containing <, & or a quote produces broken markup by hand, and the failure is silent.

HTML Standard, the table element
Advertisement
300 × 250
Was this tool any good?
Internal signal only · I use it to find the tools worth rebuilding