jsonecho

JSON to HTML Table

Turn a JSON array into a clean HTML table, with a live preview.

Loading the tool...

How to use JSON to HTML Table

Paste your JSON array.
Optionally enter a CSS class for the table.
Check the Preview tab, then copy the HTML.

About JSON to HTML Table

Need to show a bit of JSON data on a web page without writing a template? This tool produces a plain HTML table: a header row from the keys, one row per record, all values escaped so they are safe to paste into a page.

You get no inline styles, only the structure, so your own CSS decides how it looks. Add a class name in the options if you want the table to pick up a framework style such as table table-striped.

Frequently asked questions

Is the HTML safe to publish?

Values are escaped, so angle brackets and ampersands in your data cannot create markup. You still decide where the table goes on the page.

Does it use inline styles?

No, only the table, thead, tbody, tr, th and td elements. Style it with your own CSS.

What about nested objects?

They are flattened into columns with dotted names, so every cell holds a simple value.

More in Converters

All tools →

JSON to XMLConvert JSON to indented XML with a custom root element.Convert JSON to YAMLConvert JSON to clean, readable YAML.Convert JSON to TSVConvert JSON to tab-separated values.Convert JSON to StringConvert JSON into an escaped string for code and configs.Convert String to JSONUnescape a JSON string and format it as readable JSON.Convert JSON to ExcelConvert JSON to a downloadable Excel .xlsx file.Excel XML to JSONConvert XML to JSON, keeping attributes and repeated elements.Convert XML to CSVConvert repeating XML elements to CSV rows.Convert