Ga naar inhoud
TextArray
100% lokaal

CSV naar HTML-tabel

Zet CSV-gegevens om in overzichtelijke HTML-tabelopmaak met hoofd-, tbody- en ontsnapte cellen.

Invoer

CSV naar HTML-tabel

Plak CSV-gegevens en krijg een schone HTML-tabel terug: een kop die is opgebouwd uit de koprij, een tbody met één tr per record en een nette inspringing met twee spaties die rechtstreeks in een sjabloon of een codebeoordeling past. Typische taken: het publiceren van een spreadsheetexport op een webpagina, het toevoegen van een tabel aan CMS-inhoud waarbij de visuele editor geplakte cellen verminkt, het bouwen van een HTML-e-mail waarin tabellen nog steeds de enige lay-out zijn die overal wordt weergegeven, of het plaatsen van referentiegegevens in documentatie.

Laat het scheidingsteken op automatische detectie staan en de tool bemonstert uw gegevens en kiest het teken dat de meest consistente rijen produceert, zodat komma-, puntkomma-, tab- en pipe-bestanden allemaal worden geconverteerd zonder configuratie. Velden tussen aanhalingstekens volgen RFC 4180: een veld tussen dubbele aanhalingstekens kan het scheidingsteken, dubbele aanhalingstekens "" en zelfs regeleinden bevatten, die verschijnen als br-tags, zodat elke record nog steeds als één enkele rij wordt weergegeven. Records met ontbrekende cellen worden opgevuld tot de breedste rij, zodat de tabel nooit onregelmatig wordt.

Elke cel is voorzien van een HTML-escape - ampersands, punthaken en aanhalingstekens worden entiteiten - dus een verdwaalde < in de gegevens kan nooit de pagina breken of markeringen naar binnen smokkelen. "Eerste rij bestaat uit kopteksten" verandert het eerste record in de cellen; schakel het uit en elke rij wordt een gewone td-rij. De basisstijl voegt een klein stijlblok met haarlijnranden toe en wikkelt de tafel in een container die horizontaal scrollt op smalle schermen; markup laat de stijl alleen over aan uw eigen CSS.

Alles draait in uw browser en de gegevens verlaten uw apparaat nooit, dus een klantenexport is veilig om te converteren. Kopieer de opmaak, download deze als .txt-bestand of plak deze rechtstreeks in uw pagina.

FAQ

Welke scheidingstekens worden gelezen?
Komma, puntkomma, tab en pipe, met standaard automatische detectie: de tool bemonstert de gegevens en kiest het teken dat de meest consistente rijen oplevert. Als de gok verkeerd is, kiest u het scheidingsteken met de hand.
Is de celinhoud ontsnapt?
Ja. Ampersands, punthaken en aanhalingstekens worden HTML-entiteiten, zodat gegevens nooit markeringen in uw pagina kunnen injecteren. Een regeleinde binnen een veld tussen aanhalingstekens wordt een br-tag, zodat de record één tabelrij blijft.
Wat voegt de basisstijl toe?
Een klein stijlblok met haarlijnranden via samenvouwen van randen en celopvulling, plus een wrapper-div die horizontaal scrollt op smalle schermen. Alle klassennamen worden voorafgegaan door ta-table, zodat ze niet in botsing komen met uw CSS. Markup laat alleen alles weg.
Wat gebeurt er met rijen met ontbrekende cellen?
Korte records worden opgevuld met lege td-cellen tot de breedte van de breedste rij, zodat de gegenereerde tabel altijd een rechthoekige vorm heeft.
Worden mijn gegevens ergens geüpload?
Nee. De conversie verloopt volledig in uw browser en uw CSV verlaat uw apparaat nooit.