Free Tool

HTML Table Generator

An HTML table generator is a free tool that turns pasted rows, CSV, TSV, or spreadsheet data into clean table markup with captions, scoped headers, CSS, and responsive wrapping.

Paste your data, pick a table style, preview the result, then copy accessible HTML for docs, landing pages, CMS content, or email templates.

Input

Paste rows or CSV

DelimiterCaption

Style

Format markup

Detected: Comma

ThemeDensity

Custom class

Columns

Body rows

Markup size

1,786

Output

Copy HTML

<style>
.cc-table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.cc-table {
  width: 100%;
  border-collapse: collapse;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.95rem;
  color: #172033;
}
.cc-table caption {
  caption-side: top;
  padding: 0 0 0.75rem;
  text-align: left;
  font-weight: 700;
}
.cc-table th,
.cc-table td {
  padding: 0.75rem 0.9rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #d8dee9;
}
.cc-table thead th {
  background: #f3f6fb;
  font-weight: 700;
}
.cc-density-compact th,
.cc-density-compact td {
  padding: 0.45rem 0.6rem;
}
.cc-density-spacious th,
.cc-density-spacious td {
  padding: 1rem 1.2rem;
}
.cc-table-striped tbody tr:nth-child(even) {
  background: #f8fafc;
}
.cc-table-bordered th,
.cc-table-bordered td {
  border: 1px solid #d8dee9;
}
.cc-table-dark {
  color: #edf2ff;
  background: #0f172a;
}
.cc-table-dark thead th {
  background: #18233a;
}
.cc-table-dark th,
.cc-table-dark td {
  border-color: #334155;
}
</style>

<div class="cc-table-wrapper">
  <table class="cc-table cc-table-striped cc-density-comfortable">
    <caption>Weekly product metrics</caption>
    <thead>
      <tr>
        <th scope="col">Metric</th>
        <th scope="col">This week</th>
        <th scope="col">Last week</th>
        <th scope="col">Change</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Sessions</td>
        <td>12450</td>
        <td>10820</td>
        <td>+15.1%</td>
      </tr>
      <tr>
        <td>Signup rate</td>
        <td>6.8%</td>
        <td>5.9%</td>
        <td>+0.9pp</td>
      </tr>
      <tr>
        <td>Activation</td>
        <td>42%</td>
        <td>38%</td>
        <td>+4pp</td>
      </tr>
    </tbody>
  </table>
</div>

Preview

Rendered table

Weekly product metrics
Metric	This week	Last week	Change
Sessions	12450	10820	+15.1%
Signup rate	6.8%	5.9%	+0.9pp
Activation	42%	38%	+4pp

Output escapes HTML entities, uses scoped header cells, and keeps pasted data in your browser.

Want a shareable profile for the code behind it?

Code Card turns Claude Code, Codex, and OpenClaw sessions into a public profile with activity graphs, token breakdowns, badges, and shareable developer cards. Start with npx code-card.

Get Code Card

FAQ

HTML table questions

What is an HTML table generator?

An HTML table generator converts rows, columns, CSV, or spreadsheet data into table markup that you can paste into a website, documentation page, CMS, or email template.

Can I make a responsive HTML table?

Yes. Enable the responsive wrapper option to wrap the table in an overflow container so wide tables can scroll horizontally on small screens.

Does this tool generate accessible table markup?

Yes. The generated table uses a caption when provided and adds scoped column headers so screen readers can understand the table structure.

Can I convert CSV into an HTML table?

Yes. Paste CSV, TSV, pipe-delimited text, semicolon-delimited text, or copied spreadsheet rows, then copy the generated HTML output.

Is the pasted table data uploaded?

No. Parsing, preview, and markup generation run in your browser, so your pasted table data is not uploaded to Code Card.

Markdown Table Generator

Convert CSV, TSV, or spreadsheet rows into clean GitHub-flavored Markdown tables.

XML to JSON Converter

Convert XML payloads into formatted JSON with validation, copy, and download.