DEVELOPER TOOL

HTML Table Generator — Editor, Preview & Code

Build an HTML table online with a caption, column headings, editable cells and spreadsheet paste. Preview and download responsive HTML/CSS.

HTML Table Generator — Editor, Preview & Code

FREE ONLINE TOOL

Rows, including header (1–20)Columns (1–12)

Table captionUse first row as column headings

Paste cells from a spreadsheet (TSV)

Preview

A	B	C
1	2	3
4	5	6

Generated code

<style>
.table-scroll { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; }
caption { text-align: left; font-weight: bold; padding: 0.75rem; }
th, td { border: 1px solid #cbd5e1; padding: 0.75rem; text-align: left; white-space: pre-wrap; }
th { background: #eff6ff; }
tbody tr:nth-child(even) { background: #f8fafc; }
</style>
<div class="table-scroll">
<table>
  <thead>
    <tr><th scope="col">A</th><th scope="col">B</th><th scope="col">C</th></tr>
  </thead>
  <tbody>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td>6</td></tr>
  </tbody>
</table>
</div>

Cell content is plain text; HTML characters are escaped. Export includes HTML and responsive CSS.

STEP BY STEP

How to use html table generator — editor, preview & code

Compare the output with the example below.
Check the stated limitations before using the result.

IN PRACTICE

Example

Create a three-column comparison table; make its first row the headings and add a descriptive caption.

GOOD TO KNOW

Does the generated table work on mobile?

The export wraps the table in a horizontally scrollable container. This preserves readable columns on small screens. Test the table with your website’s styles.

Supports 20 rows and 12 columns, plain-text cells and one column-header row. No merged cells, nested markup or automatic complex header associations.

Does the generated table work on mobile?

The export wraps the table in a horizontally scrollable container. This preserves readable columns on small screens. Test the table with your website’s styles.

Reference

W3C WAI — Tables with one header

HTML Table Generator — Editor, Preview & Code

HTML Table Generator — Editor, Preview & Code

Preview

How to use html table generator — editor, preview & code

Example

Does the generated table work on mobile?

Practical guides

Related tools

Does the generated table work on mobile?

Reference

Preview