HTML Table Generator

Generate clean semantic HTML tables with thead and tbody, CSS classes and striped or bordered styling. Seed from CSV/TSV — free, 100% in your browser.

CSS class (optional)

Striped rowsBordered cellsInclude CSS styles

Seed grid from pasted CSV or TSV (optional)First row becomes the header. Tabs or commas are auto-detected.

HTML table

<style>
  table { border-collapse: collapse; }
  table th, table td { border: 1px solid #d4d4d8; padding: 6px 10px; }
  table thead th { background: #f4f4f5; text-align: left; }
  table tbody tr:nth-child(even) { background: #fafafa; }
</style>
<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

Semantic markup with thead, tbody, th and td
Optional CSS class plus striped and bordered styling
Per-column alignment via inline styles
Include a ready-made CSS block for instant styling
Seed the grid from pasted CSV or TSV
100% private — content never leaves your browser

How to use the HTML Table Generator

1
Add columns and rows, then type your content into each cell.
2
Set alignment per column and add an optional CSS class.
3
Toggle striped rows, bordered cells and whether to include CSS.
4
Optionally paste CSV or TSV and click Load into grid, then copy or download the HTML.

About the HTML Table Generator

The ByteTools HTML Table Generator builds clean, semantic HTML tables from an editable grid. Add rows and columns, type into each cell, set per-column alignment and get properly structured markup with <thead> and <tbody> that you can drop straight into any page or template.

Add an optional CSS class, toggle striped rows and bordered cells, and choose to include a small ready-made CSS block so the table looks good instantly. Have data in a spreadsheet? Paste CSV or TSV to seed the grid and skip the manual markup.

Everything runs 100% locally in your browser with JavaScript. Your content is never uploaded or stored, so page copy, data and internal tables stay private while you generate the HTML.

Frequently asked questions

How do I generate an HTML table?

Add columns and rows, type into each cell and adjust the styling options. The tool outputs a semantic HTML table with thead and tbody below the grid, ready to copy into your page or download as an .html file.

Does it create striped or bordered tables?

Yes. Toggle striped rows and bordered cells, and keep Include CSS on to get a small style block that targets your table's class, so alternating row colors and cell borders work as soon as you paste the code.

Can I add my own CSS class to the table?

Enter a class name and it is applied to the <table> element. If you include the CSS block, the generated styles target that class so they will not clash with the rest of your site's tables.

Can I convert CSV to an HTML table?

Yes. Paste CSV or TSV into the seed box and click Load into grid. The first row becomes the header cells and the remaining rows fill the body, with the delimiter detected automatically.

Is my content sent to a server?

No. The generator runs entirely in your browser with JavaScript. Nothing is uploaded or stored, so your table content stays private.

HTML table

How to use the HTML Table Generator

About the HTML Table Generator

Frequently asked questions

Related tools