Can I edit individual cell content?

Yes, click any cell in the preview and type directly.

Does it generate matching CSS too?

Yes, a companion stylesheet with striping and border styles is generated alongside the HTML.

What's the maximum table size?

Up to 30 rows and 15 columns to keep the editor manageable.

Is my data uploaded to a server?

No. This tool runs entirely in your browser using standard web APIs, so your input never leaves your device and nothing is logged or stored on our servers.

Does it work offline and on mobile?

Yes. Once the page has loaded it keeps working without a network connection, and the layout is responsive so it stays usable on phones and tablets.

HTML Table Generator

Build an editable HTML table and export HTML + CSS.

Support

Works Offline

Privacy First

No Login

No API

Rows

Columns

Header row

Striped rows

Bordered cells

Editable preview

Click a cell to edit its content.

HTML + CSS output

<table class="data-table">
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Cell 2-1</td>
      <td>Cell 2-2</td>
      <td>Cell 2-3</td>
    </tr>
    <tr>
      <td>Cell 3-1</td>
      <td>Cell 3-2</td>
      <td>Cell 3-3</td>
    </tr>
    <tr>
      <td>Cell 4-1</td>
      <td>Cell 4-2</td>
      <td>Cell 4-3</td>
    </tr>
  </tbody>
</table>

<style>
.data-table {
  width: 100%;
  border-collapse: collapse;
}
.data-table th,
.data-table td {
  padding: 8px 12px;
  text-align: left;
  border: 1px solid #d1d5db;
}
.data-table thead {
  background-color: #f3f4f6;
  font-weight: 600;
}
.data-table tbody tr:nth-child(even) {
  background-color: #f9fafb;
}
</style>

About the HTML Table Generator

Set the number of rows and columns, toggle a header row, striping, and borders, then edit cell content directly in a live preview. Export clean HTML markup paired with matching CSS.

Examples

3x4 striped table

4 rows, 3 columns, striped

Output

<table class="data-table">...</table>

Keyboard shortcuts

Copy the main outputCtrl / ⌘ + Shift + C
Download the resultCtrl / ⌘ + S
Share this toolCtrl / ⌘ + Shift + S
Reset the inputsAlt + R
Open the tool search paletteCtrl / ⌘ + K

Related tools

CSS Aspect Ratio Calculator

HTML & CSS

Simplify ratios and compute matching dimensions.

CSS Clamp() Calculator

HTML & CSS

Generate fluid typography clamp() CSS from min/max viewport and size.

CSS Scrollbar Styler

HTML & CSS

Design custom scrollbars with live preview.

CSS Transform Playground

HTML & CSS

Combine translate, rotate, scale, and skew with a live preview.

CSS Variables Theme Builder

HTML & CSS

Build a custom property theme with a live preview.

Email Signature Generator

HTML & CSS

Design a professional HTML email signature and copy it into any mail client.

Frequently asked questions

Version 1.0.0 · Updated 2026-08-06 · Runs entirely in your browser