JSON to HTML Table

Why convert JSON to an HTML table?

Sometimes you just need to display JSON data as a table on a page, in an email, or in a CMS without wiring up a framework. Generating semantic <table> markup from a sample gives you a drop-in snippet you can style with your own CSS, no JavaScript required.

Safe, semantic markup

The output uses a proper table structure — thead with th headers and tbody with td cells — and escapes &, <, >, and quotes in every value so the table can't break your layout or introduce injection. Nested objects and arrays are rendered as compact JSON strings.

• thead / tbody structure with th and td cells
• Columns from the union of keys across all rows
• Every cell HTML-escaped (&, <, >, quotes)
• Single object renders as a key/value table

Style it your way

The generated table carries no inline styles, so it inherits your site's CSS. Add a class to the <table>, apply borders and zebra striping with your stylesheet, or wrap it in a scroll container for wide data. It works in static pages, server-rendered HTML, and most email clients.

Tips for clean output

Flat arrays of objects produce the cleanest tables. For nested data, flatten first with the JSON Flattener or select the fields you want to display. For huge datasets, paginate or virtualize on the page rather than generating one enormous table.