About JSON to HTML Table
This tool turns a JSON array or object into a clean HTML table you can sort by clicking any column header, and filter with a live search box — making it much easier to explore a large or complex JSON response than scrolling through raw text. When you're happy with the result, copy the table's HTML markup to embed on your own page, or download a ready-to-open standalone HTML file. All conversion happens locally in your browser; your JSON data is never uploaded to a server.
How Nested JSON Becomes Table Columns
A table is fundamentally flat — just rows and columns — while JSON can nest objects and arrays inside each other. This tool bridges that gap with a few rules: a nested object is flattened into separate columns using dot notation, so {"address": {"city": "London"}} becomes a column named address.city. A nested array of simple values is joined into a single cell as comma-separated text. A nested array of objects is kept as raw JSON text in the cell, since expanding it would require adding extra rows and breaking the one-row-per-item structure. If different objects in your array have different fields, every field becomes its own column, and rows missing a particular field are simply left blank in that column.
Send Feedback
For any questions, bug reports, or feature requests, please drop your comments below.