UltKit

Konvertera JSON till HTML-tabell

Visa API-data för personer som aldrig kommer att öppna en .json-fil. Konverteraren bygger en HTML-tabell av dina poster, med en rubrikcell per nyckel och en rad per objekt, redo att öppnas i en webbläsare eller klistras in på en sida.

Datakonverterare

eller släpp CSV, TSV, TXT …-filer här ·

Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter

Utdata

Filerna bearbetas på våra servrar och raderas efter 30 minuter.

Så använder du verktyget

  1. 1

    Ladda upp JSON-data

    Lägg till .json-, .jsonl- eller .ndjson-filer. En array med objekt som har samma nycklar ger den renaste tabellen. Upp till 20 filer, 95 MB per fil.

  2. 2

    Kontrollera rubriker och datum

    Nycklarna blir kolumnrubriker. Under Avancerade inställningar ställer du in Datum på ett format som dina läsare känner igen, till exempel 10/18/2026 för en amerikansk publik.

  3. 3

    Konvertera till HTML-tabell

    Klicka på Konvertera till HTML-tabell, öppna .html-filen i en webbläsare för att kontrollera den och kopiera sedan tabellen till ditt CMS, ditt nyhetsbrevsverktyg eller din wiki.

JSON till HTML gör om en array med poster till ett rent table-element: nycklarna överst, en rad per post och inget annat, så att det passar in på vilken sida eller vilket e-postmeddelande som helst.

Vem behöver visa JSON som en HTML-tabell

JSON-filen kommer oftast från ett system, och tabellen ska till en människa. En produktchef hämtar en lista med feature flags från ett admin-API och vill ha den i teamets wiki. En utvecklare måste visa en kund resultatet av en dataexport utan att ge kunden en JSON-visare. En nyhetsbrevsredaktör får evenemangslistor från en bokningsplattform och behöver dem i nästa utskick. Att skriva rader för hand för hundratals poster går långsamt.

Tabeller har funnits på webben sedan HTML 3.2, som W3C publicerade som rekommendation i januari 1997, och alla webbläsare, CMS och e-postklienter kan visa dem. Konverteraren skriver bara strukturen, rubrikceller och datceller, så din webbplats befintliga stilar avgör utseendet. När målet är en README på GitHub eller dokumentation skriven i Markdown ger CSV till Markdown motsvarande tabell med lodräta streck.

Exempel: JSON till HTML-tabell

Två versionsposter konverterade med Konvertera till HTML-tabell
[
  {"version": "2.4.0", "date": "2026-09-30", "notes": "Faster search & export"},
  {"version": "2.3.1", "date": "2026-08-12", "notes": "Fix <select> width"}
]

<table>
  <thead>
    <tr><th>version</th><th>date</th><th>notes</th></tr>
  </thead>
  <tbody>
    <tr><td>2.4.0</td><td>2026-09-30</td><td>Faster search &amp; export</td></tr>
    <tr><td>2.3.1</td><td>2026-08-12</td><td>Fix &lt;select&gt; width</td></tr>
  </tbody>
</table>

JSON-indata och de tabellformat du kan välja

from ↓ · to →HTML tableMarkdown-tabellDOCX table
JSON arrayJSON array to HTML table: yesJSON array to Markdown-tabell: yesJSON array to DOCX table: yes
JSON LinesJSON Lines to HTML table: yesJSON Lines to Markdown-tabell: yesJSON Lines to DOCX table: yes
NDJSONNDJSON to HTML table: yesNDJSON to Markdown-tabell: yesNDJSON to DOCX table: yes
CSVCSV to HTML table: yesCSV to Markdown-tabell: yesCSV to DOCX table: yes
XLSXXLSX to HTML table: yesXLSX to Markdown-tabell: yesXLSX to DOCX table: yes
supported not offeredAlla indata går att **Konvertera till** någon av de tre tabellformaten. Den här sidan har HTML förvalt.

Där en HTML-tabell fungerar bra

  • Wikier, CMS-sidor och intranätsportaler som tar emot rå HTML
  • E-postnyhetsbrev, där tabeller visas i nästan alla klienter
  • Snabb delning: alla webbläsare öppnar filen, ingen programvara behövs

Där den är fel val

  • Data som folk fortsätter redigera, som hör hemma i ett kalkylark
  • Mycket stora exporter, där en sida med 50 000 rader blir långsam att scrolla
  • Att mata ett annat program, som i stället bör få JSON eller en CSV

JSON och HTML i korthet

JSON

JavaScript Object Notation

JSON är ett lättviktigt textformat för strukturerad data, populariserat av Douglas Crockford i början av 2000-talet och standardiserat som RFC 8259 och ECMA-404. Det representerar objekt, listor, strängar, tal, booleska värden och null med enkel, läsbar syntax. Det är standardformatet för webb-API:er, konfigurationsfiler och datautbyte mellan appar i nästan alla programmeringsspråk. Det har inga inbyggda kommentarer, datum eller scheman, och stora nästlade filer är svåra att läsa utan en visare.

Komprimering
–
Transparens
–
Animation
–
Introducerades
2001 · Douglas Crockford
JSON-omvandlare

HTML

HyperText Markup Language

HTML är webbens märkspråk, som Tim Berners-Lee först beskrev i början av 1990-talet och som numera underhålls av WHATWG som en levande standard. En HTML-fil beskriver rubriker, stycken, länkar, tabeller, bilder och formulär, medan utseendet oftast kommer från CSS. Alla webbläsare visar det, och det används också för e-postmallar och sparade webbsidor. En enskild HTML-fil är ofta beroende av externa bilder och stilmallar, så den kan se trasig ut när den flyttas ensam.

Komprimering
–
Transparens
–
Animation
–
Introducerades
1993 · Tim Berners-Lee; maintained by WHATWG
HTML-omvandlare

JSON görs om till HTML när data som hämtats av kod ska läsas av människor i en webbläsare, ett e-postmeddelande eller en CMS-sida, där en tabell med rubriker slår råa klammerparenteser och citattecken.

De två formaten ligger i var sin ände av en webbförfrågan. JSON är det servern skickar till kod, och HTML är det webbläsaren till sist visar. Att konvertera för hand innebär att i en fil göra det en frontend-mall annars gör vid körning, vilket är rätt avvägning när datan är en ögonblicksbild och inte ett flöde som ändras varje minut.

Frågor om JSON till HTML

Kan jag klistra in HTML-tabellen i WordPress?

Ja. Växla blockredigeraren till ett anpassat HTML-block, eller den klassiska redigeraren till fliken Text, och klistra in table-elementet. Temats tabellstilar används automatiskt, eftersom resultatet bara innehåller markup och ingen egen stilmall.

Visas tabellen i Outlook och Gmail?

HTML-tabeller är den mest pålitliga strukturen i e-post, eftersom Outlook för skrivbordet har renderat meddelanden med Words motor sedan Outlook 2007 och ignorerar mycket modern CSS. Infoga tabellen via e-postverktygets HTML- eller källkodsalternativ i stället för att bifoga filen.

Hur visas nästlade objekt i tabellen?

Nästlade objekt sprids ut i extra kolumner med punktseparerade namn, till exempel customer.email. En lista med värden i en och samma post blir kvar i en enda cell som JSON-text, eftersom en tabellrad inte kan få olika antal celler för varje post.

Är specialtecken i mina data säkra i HTML-koden?

Tecken med särskild betydelse i HTML, som < och &, skrivs som entiteter. Ett värde som <b>Sale</b> visas därför som text i stället för att göra cellen fetstilt. Det gör också att oönskad markup i användargenererad data inte körs på din sida.

Varför använda en tabell i stället för ett diagram?

Tabeller visar exakta värden och låter läsaren slå upp en enskild rad, medan diagram visar trender. För en prislista, en versionslogg eller en personalkatalog är en tabell rätt verktyg. För en tidsserie kan du använda HTML-tabellen som datakälla till ett diagrambibliotek.

Kan jag redigera data efter konverteringen?

Redigera i källan, inte i HTML-koden. Uppdatera JSON-filen eller kalkylarket den kom från och konvertera igen, eller flytta posterna till en arbetsbok med JSON till Excel om personer utan utvecklarkunskaper ska underhålla dem.