Převod JSON do HTML tabulky

Ukažte výstup z API lidem, kteří soubor .json nikdy neotevřou. Převodník z vašich záznamů sestaví HTML tabulku s jednou buňkou záhlaví pro každý klíč a jedním řádkem pro každý objekt. Tabulku otevřete v prohlížeči nebo ji vložíte do stránky.

nebo sem přetáhněte soubory CSV, TSV, TXT … ·

Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách

Výstup

Převést na

Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.

CSV a text

Oddělovač

Znak, který odděluje sloupce v souborech CSV a textových souborech, při čtení i zápisu. Automaticky ho zjistí ze vstupu a zapisuje čárky.

Kódování textu

UTF-8 funguje pro všechny jazyky. Zvolte UTF-8 s BOM, pokud Excel ve Windows po otevření CSV zobrazuje rozbitou diakritiku nebo asijské znaky.

První řádek je záhlaví

Použít první řádek jako názvy sloupců: stanou se klíči JSON, značkami XML, názvy sloupců SQL a mapováním polí vCard. Vypněte, pokud je na řádku 1 data.

Listy

Listy k převodu

Vstup Excel, ODS a Numbers: převést jen první list, nebo všechny listy (jedno CSV na list v ZIPu, nebo jeden klíč JSON na list).

JSON, XML a SQL

Hodnoty

Data

Přepíše buňky s datem do jednoho formátu. ISO (2026-10-18) je nejbezpečnější pro databáze a kód; Ponechat je nechá tak, jak jsou ve zdroji.

Oříznout mezery

Odstraní mezery na začátku a na konci každé hodnoty, což je častá příčina neúspěšného vyhledávání po importu.

Jak nástroj používat

1
Nahrajte data JSON
Přidejte soubory .json, .jsonl nebo .ndjson. Nejpřehlednější tabulku dá pole objektů se stejnými klíči. Až 20 souborů, každý do 95 MB.
2
Zkontrolujte záhlaví a data
Klíče se stanou záhlavími sloupců. V části Pokročilá nastavení nastavte u položky Data formát, který vaši čtenáři znají, například 18. 10. 2026 pro české publikum.
3
Převeďte do HTML tabulky
Klikněte na Převést na HTML tabulku, soubor .html otevřete v prohlížeči a zkontrolujte ho. Pak tabulku zkopírujte do svého CMS, editoru newsletteru nebo wiki.

Převod JSON do HTML změní pole záznamů na jednoduchý element table: nahoře klíče, jeden řádek na záznam a nic navíc, takže se hodí na jakoukoli stránku nebo do e-mailu.

Komu se hodí JSON zobrazený jako HTML tabulka

JSON obvykle vychází ze systému a tabulka je určena člověku. Produktový manažer vytáhne seznam feature flagů z administrátorského API a chce ho mít ve wiki týmu. Vývojář musí klientovi ukázat výsledky exportu dat, aniž by mu dával prohlížeč JSON. Redaktor newsletteru dostane z rezervační platformy seznam akcí a potřebuje je do příštího čísla. Ruční psaní řádků pro stovky záznamů je zdlouhavé.

Tabulky jsou součástí webu od HTML 3.2, které konsorcium W3C vydalo jako doporučení v lednu 1997, a každý prohlížeč, CMS i e-mailový klient je umí zobrazit. Převodník zapíše jen strukturu, buňky záhlaví a datové buňky, takže o vzhledu rozhodují stávající styly vašeho webu. Pokud cílem je README na GitHubu nebo dokumentace v Markdownu, CSV do Markdownu vytvoří ekvivalent v podobě tabulky s svislítky.

Příklad převodu JSON do HTML tabulky

Dva záznamy verzí převedené pomocí Převést na HTML tabulku

[
  {"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>

Vstup JSON a výstupní tabulky, ze kterých můžete vybrat

from ↓ · to →	HTML table	Tabulka Markdown	DOCX table
JSON array	JSON array to HTML table: yes	JSON array to Tabulka Markdown: yes	JSON array to DOCX table: yes
JSON Lines	JSON Lines to HTML table: yes	JSON Lines to Tabulka Markdown: yes	JSON Lines to DOCX table: yes
NDJSON	NDJSON to HTML table: yes	NDJSON to Tabulka Markdown: yes	NDJSON to DOCX table: yes
CSV	CSV to HTML table: yes	CSV to Tabulka Markdown: yes	CSV to DOCX table: yes
XLSX	XLSX to HTML table: yes	XLSX to Tabulka Markdown: yes	XLSX to DOCX table: yes

supported not offeredVšechny vstupy umožňují **Převést na** kterýkoli ze tří tabulkových výstupů; tato stránka má předvolený HTML.

Kde se HTML tabulka hodí

Wiki, stránky CMS a intranetové portály, které přijímají čisté HTML
E-mailové newslettery, kde se tabulky zobrazí téměř ve všech klientech
Rychlé sdílení: soubor otevře každý prohlížeč, není potřeba žádný software

Kde je to špatná volba

Data, která se budou dál upravovat a patří do tabulkového procesoru
Velmi rozsáhlé exporty, kde se stránka s 50 000 řádky špatně posouvá
Předávání dat jinému programu, který by měl dostat JSON nebo CSV

Formáty JSON a HTML v kostce

JSON

JavaScript Object Notation

JSON je odlehčený textový formát pro strukturovaná data, který na počátku 21. století zpopularizoval Douglas Crockford a který je standardizován jako RFC 8259 a ECMA-404. Pomocí jednoduché čitelné syntaxe popisuje objekty, pole, řetězce, čísla, booleovské hodnoty a null. Je výchozím formátem webových API, konfiguračních souborů a výměny dat mezi aplikacemi téměř v každém programovacím jazyce. Nemá vestavěné komentáře, data ani schémata a rozsáhlé vnořené soubory se bez prohlížeče špatně čtou.

Komprese: –
Průhlednost: –
Animace: –
Představeno: 2001 · Douglas Crockford

Převodník JSON

HTML

HyperText Markup Language

HTML je značkovací jazyk webu, který poprvé popsal Tim Berners-Lee na počátku 90. let a dnes jej spravuje WHATWG jako živý standard. Soubor HTML popisuje nadpisy, odstavce, odkazy, tabulky, obrázky a formuláře, zatímco vzhled obvykle zajišťuje CSS. Vykreslí jej každý prohlížeč a používá se také pro e-mailové šablony a uložené webové stránky. Jeden soubor HTML často závisí na externích obrázcích a stylech, takže po samostatném přenesení může vypadat rozbitě.

Komprese: –
Průhlednost: –
Animace: –
Představeno: 1993 · Tim Berners-Lee; maintained by WHATWG

Převodník HTML

JSON se převádí na HTML, když data získaná kódem musí číst lidé v prohlížeči, e-mailu nebo na stránce CMS, kde tabulka se záhlavím poslouží lépe než holé složené závorky a uvozovky.

Oba formáty stojí na opačných koncích webového požadavku. JSON server posílá kódu a HTML nakonec zobrazí prohlížeč. Ruční převod znamená udělat v souboru to, co by za běhu udělala šablona front-endu, a to se vyplatí, když jsou data momentka, ne zdroj, který se mění každou minutu.

Otázky k převodu JSON do HTML

Mohu HTML tabulku vložit do WordPressu?

Ano. V blokovém editoru přepněte na blok Vlastní HTML, v klasickém editoru na kartu Text a vložte element table. Styly tabulek vaší šablony se použijí automaticky, protože výstup obsahuje jen značky, ne vlastní stylopis.

Zobrazí se tabulka v Outlooku a Gmailu?

HTML tabulky jsou v e-mailu nejspolehlivější struktura, protože desktopový Outlook vykresluje zprávy enginem Wordu od verze Outlook 2007 a ignoruje velkou část moderního CSS. Tabulku vložte přes HTML nebo zdrojovou možnost svého e-mailového nástroje, místo abyste přikládali soubor.

Jak se v tabulce zobrazí vnořené objekty?

Vnořené objekty se rozloží do dalších sloupců s názvy s tečkou, například customer.email. Seznam hodnot uvnitř jednoho záznamu zůstane v jedné buňce jako text JSON, protože řádek tabulky nemůže mít u každého záznamu jiný počet buněk.

Jsou speciální znaky z mých dat v HTML bezpečné?

Znaky s významem v HTML, například < a &, se zapisují jako entity, takže hodnota jako <b>Sale</b> se zobrazí jako text a buňka se nezvýrazní tučně. Zároveň se tak na vaší stránce nespustí nechtěné značky z dat vytvořených uživateli.

Proč použít tabulku místo grafu?

Tabulky ukazují přesné hodnoty a umožňují dohledat jeden řádek, grafy ukazují trendy. Pro ceník, přehled verzí nebo seznam zaměstnanců je vhodná tabulka; pro časovou řadu použijte HTML tabulku jako zdroj dat pro knihovnu grafů.

Mohu data po převodu upravit?

Upravujte zdroj, ne HTML. Změňte JSON nebo tabulku, ze které vznikl, a převeďte znovu, nebo záznamy přesuňte do sešitu pomocí JSON do Excelu, pokud je budou spravovat lidé, kteří nejsou vývojáři.