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.

HTML Table Generator

Build an editable HTML table and export HTML + CSS.

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>

Related tools

Border Radius Generator

HTML & CSS

Fine-tune per-corner border radii visually.

Box Shadow Generator

HTML & CSS

Layer multiple box-shadows with a live preview.

Clip Path Generator

HTML & CSS

Design polygon clip-path shapes with a live preview.

CSS Animation Generator

HTML & CSS

Build keyframe animations visually with a live preview.

CSS Aspect Ratio Calculator

HTML & CSS

Simplify ratios and compute matching dimensions.

CSS Filter Playground

HTML & CSS

Tune blur, brightness, contrast, and more with a live preview.

Frequently asked questions

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