TSV to HTML Table Converter
Paste TSV data or copy from a spreadsheet and get a ready-to-embed HTML table. Supports header rows, bordered and striped styles, and a live preview.
Last updated: May 21, 2026
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is TSV to HTML Table Converter?
TSV (Tab-Separated Values) is the default clipboard format when copying cells from Excel or Google Sheets. Converting it to an HTML table is one of the most common tasks when building web pages, documentation, or emails from spreadsheet data.
This tool turns tab-separated rows into a properly structured HTML table with optional `<thead>` and `<tbody>`, configurable CSS class names for common table styles (bordered, striped, responsive), and a live rendered preview so you can verify the output before copying or downloading.
How to Use TSV to HTML Table Converter
Paste TSV data or copy cells from a spreadsheet and paste here
Toggle Header Row to add a <thead> from the first row
Toggle styling options: Bordered, Striped, Responsive
Toggle Pretty Print for indented HTML or compact single-line output
Check the preview, then copy or download the HTML
Common Use Cases
- Web developers building HTML tables from spreadsheet data without manual formatting.
- Content editors turning exported TSV reports into HTML tables for web pages or CMS entries.
- Email marketers converting spreadsheet data into HTML tables for email templates.
- Developers generating HTML documentation tables from TSV data files.
- Designers prototyping data-heavy pages by converting sample TSV data to HTML quickly.
- Teams embedding data from exported TSV files into wiki pages or internal tools.
Example Input and Output
TSV data copied from a spreadsheet is converted to a bordered HTML table with a header row.
name city salary
Alice London 85000
Bob Paris 72000<table class="table table-bordered">
<thead>
<tr>
<th>name</th>
<th>city</th>
<th>salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alice</td>
<td>London</td>
<td>85000</td>
</tr>
<tr>
<td>Bob</td>
<td>Paris</td>
<td>72000</td>
</tr>
</tbody>
</table>Privacy
All conversion runs in your browser. No data is uploaded to any server.
Custom styling
Remove all class attributes from the output and add your own to match your project's CSS framework. Tailwind users: replace the Bootstrap classes with Tailwind's table utilities like border-collapse, border, and odd:bg-gray-50.

