Hoppa till innehåll
TextArray
100% lokalt

CSV till HTML-tabell

Förvandla CSV-data till ren HTML-tabelluppmärkning med thead, tbody och escaped celler.

Inmatning
Utmatning

CSV till HTML-tabell

Klistra in CSV-data och få tillbaka en ren HTML-tabell - en annons som är byggd från rubrikraden, en tbody med en tr per post och snygg indragning med två mellanslag som ryms rakt in i en mall eller en kodgranskning. Typiska jobb: att publicera en export av kalkylark på en webbsida, lägga till en tabell i CMS-innehåll där den visuella redigeraren manglar inklistrade celler, bygga ett HTML-e-postmeddelande där tabeller fortfarande är den layout som återges överallt, eller släppa referensdata i dokumentationen.

Lämna avgränsaren på automatisk upptäckt och verktyget samplar dina data och väljer det tecken som ger de mest konsekventa raderna, så att komma-, semikolon-, tabb- och pipe-filer konverteras utan konfiguration. Citerade fält följer RFC 4180: ett fält insvept i dubbla citattecken kan innehålla avgränsaren, dubbla "" citattecken och jämna radbrytningar, som kommer ut som br-taggar så att varje post fortfarande återges som en enda rad. Poster med saknade celler är vadderade till den bredaste raden, så bordet är aldrig trasigt.

Varje cell är HTML-escaped — et-tecken, vinkelparenteser och citattecken blir entiteter — så en stray < i data kan aldrig bryta sidan eller smuggla in märkning. "Första raden är rubriker" förvandlar den första posten till th celler; stäng av den och varje rad blir en vanlig td-rad. Den grundläggande stilen lägger till ett litet stilblock med hårfäste och lindar in bordet i en behållare som rullar horisontellt på smala skärmar; Markup överlåter bara stylingen till din egen CSS.

Allt körs i din webbläsare och data lämnar aldrig din enhet, så en kundexport är säker att konvertera. Kopiera uppmärkningen, ladda ner den som en .txt-fil eller klistra in den direkt på din sida.

FAQ

Vilka avgränsare läser den?
Komma, semikolon, tabb och pipe, med automatisk detektering som standard: verktyget samplar data och väljer det tecken som ger de mest konsekventa raderna. När gissningen är fel, välj avgränsaren för hand.
Är cellinnehållet escapet?
Ja. A-tecken, vinkelparenteser och citattecken blir HTML-enheter, så data kan aldrig injicera uppmärkning på din sida. En radbrytning i ett fält med citattecken blir en br-tagg så att posten förblir en tabellrad.
Vad tillför grundstilen?
Ett litet stilblock med hårfäste kanter via kantkollaps och cellstoppning, plus en omslags-div som rullar horisontellt på smala skärmar. Alla klassnamn har prefixet ta-tabell, så de kommer inte att kollidera med din CSS. Markup utelämnar bara allt.
Vad händer med rader med saknade celler?
Korta poster är utfyllda med tomma td-celler till bredden på den bredaste raden, så den genererade tabellen har alltid en rektangulär form.
Laddas min data upp någonstans?
Nej. Konverteringen körs helt i din webbläsare och din CSV lämnar aldrig din enhet.