CSV naar HTML-tabel converter online — nette tabelmarkup

Wat het doet

Deze tool zet CSV-data om in een HTML-tabel. De eerste rij wordt de tabelkop (<th>-cellen binnen <thead>), en elke andere rij wordt een <tr> in <tbody>. De markup is ingesprongen en vrij van inline styles, dus makkelijk te lezen, te bewerken en op te maken.

Gebruik het om een spreadsheet op een website te publiceren, een tabel in een blogpost of nieuwsbrief te zetten, of data in een HTML-pagina te documenteren.

Zo gebruik je het

Plak CSV in het veld Invoer, upload een .csv-bestand of klik op Voorbeeld.
De HTML verschijnt rechts terwijl je typt.
Kies het Scheidingsteken als de automatische detectie het verkeerde kiest, en zet Eerste rij is kopregel uit als je data geen kopregel heeft.
Kopieer de HTML of download hem als .html-bestand.

Voorbeeld

name,city
Alice,Shanghai

wordt

<table>
  <thead>
    <tr>
      <th>name</th>
      <th>city</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>Shanghai</td>
    </tr>
  </tbody>
</table>

Opmerkingen

Rijen met minder cellen dan de breedste rij worden aangevuld met lege cellen, zodat elke rij evenveel kolommen heeft.

Veelgestelde vragen

› Kan ik de gegenereerde tabel opmaken?

Ja. De uitvoer is gewone <table>-, <thead>-, <tbody>-, <tr>-, <th>- en <td>-markup zonder inline styles, dus hij neemt de CSS van je site over. Geef de <table>-tag een class om hem gericht te stylen.

› En als mijn CSV geen kopregel heeft?

Zet "Eerste rij is kopregel" uit. Alle rijen worden dan als datarijen geschreven en er wordt geen <thead> gemaakt.

› Zijn speciale tekens veilig?

Ja. <, >, & en aanhalingstekens worden ge-escapet, dus celinhoud wordt als tekst getoond en kan geen HTML injecteren. Regeleinden binnen een cel worden <br>.

› Is er een maximale grootte?

Invoer tot 1 MB wordt omgezet terwijl je typt; grotere bestanden schakelen over op handmatige modus, klik dan op Uitvoeren.