Convert CSV to HTML or MediaWiki compatible tables.
About CSV to HTML/MediaWiki Table
Web pages and wikis need tables in their own markup: HTML <table> elements for a site or an email, and wikitable syntax for Wikipedia, Fandom or an internal MediaWiki. This converter produces both from the same CSV as you type, with the first row as header cells, so you only have to pick a tab and copy.
Paste the CSV, switch between the HTML and MediaWiki tabs and copy the code. The conversion happens live in your browser and nothing is uploaded.
How to use CSV to HTML/MediaWiki Table step by step
Paste the comma-separated CSV into the input box. The table code is generated automatically as you type.
Choose the HTML tab for a <table class="table"> with thead and tbody, or the MediaWiki tab for a {| class="wikitable" |} block.
Click "Copy" and paste the code into your page, template or wiki editor.
Input and output example
Input
name,city
Ana,Madrid
Luis,Sevilla
Output
HTML:
<table class="table">
<thead>
<tr>
<th>name</th>
<th>city</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ana</td>
<td>Madrid</td>
</tr>
...
MediaWiki:
{| class="wikitable"
|-
! name !! city
|-
| Ana || Madrid
|-
| Luis || Sevilla
|}
Why use our CSV to HTML/MediaWiki Table?
100% free and online: no payments, no software or extensions to install.
Privacy-first: processing happens in your browser, your data never leaves your device.
No sign-up: paste your data and get the result in one click.
Fast and reliable: handle small or large files in seconds, ready for Excel and other tools.
Common use cases
Insert a price list or specification table into a WordPress page, an HTML email or a landing page.
Add a data table to a Wikipedia article or a company wiki running MediaWiki.
Publish sports results, rankings or timetables on a Fandom or Miraheze wiki.
Generate the table markup for a Bootstrap page (class "table") from a spreadsheet.
Limits and tips
Cell values are inserted verbatim: characters such as < > & in your data are not escaped in the HTML output and may break the page. Replace them with entities (< > &) if they appear in the CSV.
Quoted values containing commas are handled correctly by the parser.
The HTML uses class="table", which Bootstrap styles automatically; add your own class or CSS otherwise.
The MediaWiki table uses the standard wikitable class, which gives borders and a grey header on most wikis.
Frequently asked questions
What is the MediaWiki table syntax?
A table starts with {| and ends with |}. Rows are separated by |-, header cells start with ! (or !! when on one line) and normal cells start with | (or || on one line). The class="wikitable" attribute applies the default wiki table style.
Does the HTML output include styles?
No inline styles are added. The table has class="table" and the semantic thead and tbody sections, so you can style it with CSS or rely on a framework such as Bootstrap that recognises that class.
Can I use this for Confluence or Notion?
Confluence and Notion do not accept raw HTML or wiki markup when pasting. For those tools, use the CSV to Markdown converter: both accept Markdown tables pasted as text.
What is the difference between HTML and MediaWiki tables?
Both describe the same grid, but HTML tags are read by browsers everywhere while MediaWiki markup is a shorthand that only wiki software understands. MediaWiki can also render HTML tables, though the wikitable syntax is shorter and preferred by editors.
Is anything sent to a server?
No. The table code is generated in your browser as you type and is never transmitted.
Related tools
Other free utilities you may find useful
HTML Table to CSV — Extract data from an HTML table and convert it to CSV.
CSV to Excel — Convert a CSV file into a real Excel workbook (.xlsx) with separated columns and leading zeros preserved.
CSV to Delimited — Change the delimiter of your CSV (commas, semicolons, tabs).