TSV to HTML Table Converter

Paste tab-separated values and get a rendered HTML table — column headers, configurable CSS class, optional inline styles, and a live preview.

Last updated: May 27, 2026

Table class: Has header rowDecode \\t \\n \\r escapesInclude <style> block

TSV Input

HTML Output

<style>
table { border-collapse: collapse; margin: 1em 0; font-family: sans-serif; }
table, th, td { border: 1px solid #ddd; padding: 8px 12px; }
th { background: #f4f4f4; text-align: left; font-weight: 600; }
</style>
<table class="tsv-table"><thead><tr><th>id</th><th>name</th><th>email</th><th>active</th></tr></thead><tbody><tr><td>1</td><td>Alice</td><td>alice@example.com</td><td>true</td></tr><tr><td>2</td><td>Bob</td><td>bob@example.com</td><td>true</td></tr><tr><td>3</td><td>Carol</td><td></td><td>false</td></tr></tbody></table>

Preview

id	name	email	active
1	Alice	alice@example.com	true
2	Bob	bob@example.com	true
3	Carol		false

Client-Side Processing

Input Data Stays on Device

Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is TSV to HTML Table Converter?

Rendering a TSV file as an HTML table by hand is mechanical work — each row needs `<tr>` tags and each cell needs `<td>`. This tool reads TSV, uses the first row as the table header (`<th>`), and emits one `<tr>` per data row with HTML-escaped cells. The output is safe for embedding in any page.

An optional inline `<style>` block applies a neutral, readable table layout — useful for documentation and one-off reports. For production use, disable the inline styles and target the configurable class from your own stylesheet.

How to Use TSV to HTML Table Converter

Paste TSV into the input panel.

Set the table CSS class.

Toggle header row, escape decoding, and inline styles.

Copy the HTML and embed it in your page.

Common Use Cases

Embedding spreadsheet data into a web page or documentation.
Generating an HTML preview of a TSV export.
Producing report tables from a daily data dump.
Rendering tab-separated text as a styled table for quick sharing.

Example Input and Output

A small TSV becomes an HTML table with a header row.

TSV input

id	name
1	Alice
2	Bob

HTML output

<table class="tsv-table"><thead><tr><th>id</th><th>name</th></tr></thead><tbody><tr><td>1</td><td>Alice</td></tr><tr><td>2</td><td>Bob</td></tr></tbody></table>

Privacy

All conversion happens in your browser. No TSV is sent to a server.

Frequently Asked Questions

Are HTML special characters escaped?

Yes. Every cell value passes through HTML escaping, so <, >, &, " cannot break the output or introduce XSS.

What if my TSV has no header?

Disable "Has header row". The tool generates column names col1, col2, ... and uses them as <th>. To suppress the header entirely, edit the HTML output.

Why use the inline style block?

It produces a readable table without requiring an external stylesheet — ideal for static documentation. Disable it for production and use your own CSS.

Does this send my TSV anywhere?

No. All conversion happens locally in your browser.