Boneyard Tools

HTML Table Generator

Paste comma or tab separated data and get a tidy, semantic HTML table. Choose whether the first row is a header, keep thead and tbody, add a class for styling, then copy the markup or download it as an .html file.

How to generate an HTML table

  1. Paste your CSV or TSV data, one row per line, into the editor.
  2. Pick the delimiter and toggle whether the first row is a header.
  3. Copy the generated HTML or download it as an .html file.

Examples

Two-column table with a header row

Name,Age
Alice,30
Bob,25
<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>30</td>
    </tr>
    ...
  </tbody>
</table>

Frequently asked questions

Is my data sent to a server?

No. The grid is parsed and the table markup is built entirely in your browser, so your data never leaves your device.

What is the difference between the header toggle and thead?

The header toggle renders the first row as th cells instead of td. The thead option wraps those header cells in a thead element and the rest in a tbody, which is the most semantic and accessible structure.

Are special characters in my cells escaped?

Yes. Ampersands, angle brackets and double quotes are converted to HTML entities such as &amp; and &lt;, so a cell containing markup like <script> renders as text and cannot break the table.

Can I use tab separated data from a spreadsheet?

Yes. Copy cells straight from Excel, Google Sheets or Numbers and choose the Tab delimiter, since spreadsheets copy as tab separated values.

How do I style the generated table?

Add a class in the class field and target it with your own CSS, for example table.data td { padding: 8px }. The class is applied to the table element in the output.

Why are some rows shorter than others?

Each line is split on the delimiter exactly as written, so a row with fewer values produces fewer cells. Make sure every row has the same number of delimiters if you want a perfectly even grid.

Related tools