HTML Table Generator

Generate HTML table code from CSV, Excel or TSV data with a live preview — free online.

Options

About

About the HTML Table Generator

Turns pasted CSV, TSV or spreadsheet data into clean HTML table markup, with a live preview.

Content editors use it to turn a spreadsheet range into a table they can paste straight into a CMS or email, and developers use it to quickly scaffold a static HTML table from sample data. It's one of many free data tools on Toolapt, and like every tool here, it's free to use with no sign-up and no limit on how many times you run it.

Choose what to view about this tool

Guide

Using the HTML Table Generator

  1. 1

    Step 1

    Paste CSV, TSV, or data copied straight from a spreadsheet, into the Data box.

  2. 2

    Step 2

    Toggle "First row is a header" and "Add a visible border" as needed.

  3. 3

    Step 3

    Read the generated HTML and the live preview below it, both updating as you type.

  4. 4

    Step 4

    Click "Copy" to copy the HTML, or "Clear" to start over.

  • Accepts CSV, TSV or data copy-pasted directly from a spreadsheet
  • Auto-detects the delimiter, so comma- and tab-separated data both work
  • Optional first-row-as-header toggle, generating a proper <thead> section
  • Optional visible border toggle for a quick, plain table style
  • Live preview shows exactly how the generated table renders
  • Updates instantly as you type or paste — no button needed to see a result
  • Works entirely in your browser — nothing you paste is sent to a server

Content editors

Content editors use the HTML Table Generator for turning a spreadsheet range into a table they can paste directly into a CMS or email.

Developers

Developers use the HTML Table Generator for quickly scaffolding a static HTML table from sample or seed data.

Bloggers and technical writers

Bloggers and technical writers use the HTML Table Generator for turning tabular data into a clean table for a post or documentation page.

Students

Students use the HTML Table Generator for converting a dataset from an assignment into a table they can include in a web page or report.

Examples

HTML Table Generator examples

3 worked examples

01

CSV with a header row

Paste "Name,Age,City" then "Alice,30,NYC" and "Bob,25,LA" with First row is a header on, to get a <table> with a <thead> row and 2 data rows below it.

02

Tab-separated data

Pasting three products copied straight from a spreadsheet (tab-separated) is detected automatically and gives the same clean <table> markup — a header row plus 3 data rows.

03

No header row

Paste "1,2,3" then "4,5,6" with First row is a header turned off, to get 2 rows of plain <td> cells and no <thead> section at all.

Related tools

JSON Formatter

Pretty-print or minify JSON, with optional alphabetical key order.

Use it

JSON Validator

Check whether JSON parses, and see structure details or the exact error position.

Use it

Base64 Encoder

Encode text to Base64, including full Unicode, with an optional URL-safe alphabet.

Use it

Base64 Decoder

Decode Base64 back to text. Handles URL-safe input and missing padding.

Use it

URL Encoder

Percent-encode a value for a query string, or escape a whole URL.

Use it

URL Decoder

Turn percent-encoded text back into readable characters.

Use it

FAQ

Frequently asked questions

Quick answers to common questions about the HTML Table Generator.

What does the HTML Table Generator do?

It converts pasted CSV, TSV or spreadsheet data into ready-to-use HTML table markup, with a live preview.

Is the HTML Table Generator free to use?

Yes. It's free, with no sign-up, no watermark and no limit on how many times you use it.

Is my data safe when I use this tool?

Yes. The HTML is generated entirely on your own device — nothing you paste is sent to a server.

What data formats can I paste in?

Comma-separated (CSV) and tab-separated (TSV) data both work, since the tool auto-detects the delimiter — this includes data copied directly from Excel, Google Sheets or similar spreadsheet programs.

What does "First row is a header" do?

When it's on, the first row is wrapped in a proper <thead> section with <th> cells; when it's off, every row (including the first) becomes a regular <tbody> row of <td> cells.

What does "Add a visible border" do?

It adds a border="1" attribute to the generated <table> tag, giving it simple visible gridlines without needing separate CSS.

Does the generated markup include any CSS styling?

No, beyond the optional border attribute — it's plain, semantic table markup you can style further with your own CSS wherever you use it.

Can I use this tool on my phone?

Yes. The page is fully responsive and works on mobile, tablet and desktop browsers alike.

Still have a question? Contact us

Report a problem

HTML Table Generator

What went wrong?
    or paste a screenshot