HTML Table Generator

Set rows and columns, type in the cells, and copy ready-to-paste HTML table code — with a live preview.

This HTML table generator lets you build a table by hand and copy the markup, no tag-typing required. Set the number of rows and columns, fill in the cells, toggle a header row, and the HTML <table> code updates live next to a preview of the finished table. Cell text is escaped for you, so characters like < and & stay safe in the output. Use it to create an HTML table for a page, an email, or docs — a plain table code generator that runs entirely in your browser.

Rows4
Columns3
Live preview
Plan Price Seats
Starter $0 1
Team $29 10
Business $99 Unlimited
HTML code
<table>
  <thead>
    <tr>
      <th>Plan</th>
      <th>Price</th>
      <th>Seats</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Starter</td>
      <td>$0</td>
      <td>1</td>
    </tr>
    <tr>
      <td>Team</td>
      <td>$29</td>
      <td>10</td>
    </tr>
    <tr>
      <td>Business</td>
      <td>$99</td>
      <td>Unlimited</td>
    </tr>
  </tbody>
</table>

How it works

  1. 1

    Size the grid

    Use the Rows and Columns steppers to shape the table, then type straight into each cell. Add or remove rows and columns any time.

  2. 2

    Set the options

    Toggle a header row (a <thead> of <th> cells), add an optional caption, or turn on a visible border. Everything reflects in the code instantly.

  3. 3

    Copy the HTML

    Copy the generated <table> markup or download it as an .html file, ready to paste into your page.

Instant & 100% private — nothing is uploaded

Everything runs locally in your browser. Your code, text and files are processed on your own device and are never sent to a server — so there are no upload waits, no size limits from us, and nothing is ever stored or logged.

Frequently asked questions

How do I create an HTML table without writing tags?
Set the rows and columns, type your data into the grid, and the HTML table maker writes the <table>, <thead>, <tbody>, <tr>, <th> and <td> markup for you. Copy it when the preview looks right.
Does the header row toggle change the code?
Yes. With it on, the first row is wrapped in <thead> using <th> cells; with it off, every row is a plain <tbody> data row of <td> cells. The preview and code both switch immediately.
Can I add a caption or borders?
You can. A caption becomes a <caption> element above the table, and the Bordered option adds border="1" for a quick visible grid. Both are optional.
Are special characters in cells escaped?
Yes. Angle brackets, ampersands and quotes are converted to entities (&lt;, &amp;, &quot;) as the table code generator builds the output, so your markup stays valid.
Does anything get uploaded?
No. The whole thing is client-side, so the data you type never leaves your browser and the tool keeps working offline.