IT Market
Tools/Code/Documents/JSON Array to HTML Table Online
JSON → TABLE

Конвертируйте JSON в HTML таблицу

Tool guide

JSON Array to HTML Table

A two-hundred-line API response is not something you read line by line. Paste an array of objects and the page draws a table where every key is a column and every element is a row, so comparing values down a column takes a glance. There is exactly one button here, Generate Table, and the output is a rendered table under the input area rather than text in a box. It all runs in the browser, so someone else's export never has to be uploaded. See also: export the finished HTML table to CSV, save the same rows as a spreadsheet file, repair the JSON when the array will not parse, turn a SQL query result into JSON.

How to use it

  1. Paste an array of objects in square brackets into the JSON Input box; a single object does not make a table.
  2. Make sure the elements share a key set — the header row is built from the first object in the array.
  3. Press Generate Table and the table is rendered on the page directly beneath the input area.
  4. Read the result in place: there is no copy button here, so select the table with the mouse to carry it elsewhere.
  5. To inspect a different export, replace the text in the box and press Generate Table again.

FAQ

Why are some cells empty or a column missing?

The header row is built from the first element of the array. A key that appears only in later objects gets no column of its own, and an object missing a key simply leaves that cell blank. Normalise exports with a shifting field set before pasting — doing so also shows you exactly where the backend stops returning a field.

What happens to a nested object inside a row?

The value is placed into the cell as it is, so a nested object or array does not turn into readable text and you get an internal representation instead. The table view suits flat records. Flatten nested data into top-level keys before converting, or inspect the whole structure in the JSON Formatter and Validator, which shows the tree.

Can I move the table into Excel or Google Sheets?

Yes, though not with a button: select the rendered table with the mouse, copy it, and paste into a sheet — spreadsheet apps split an HTML table from the clipboard into cells. If you would rather have a file than a clipboard, use the neighbouring JSON to CSV tool, whose output Excel and Sheets open directly.

How many records can the page handle?

The limit is your tab's memory, not a server quota. Hundreds of rows render instantly; thousands make scrolling visibly heavy, because every cell is a separate markup element. For a large export, paste the first couple of hundred elements to understand the shape and process the full volume with a script or a spreadsheet.

My JSON has an object at the top level, not an array. What now?

Find the array of records inside it — usually under data, items or results — and paste just that part, square brackets included. The outer object describes the response as a whole, mixing counters and pagination cursors with the payload, and there is nothing meaningful to tabulate at that level.

Can anyone see the export I paste in?

The table is built by a script in the open tab and the box contents are not transmitted anywhere; the page makes no network request carrying your text. Close the tab and the table is gone, with nothing stored. That is precisely why the tool offers no history and no shareable result link — there is nowhere to keep one.

Examples

Order export from an API response
Before: [{"id": 1, "city": "Leeds", "total": 4900}, {"id": 2, "city": "Hull", "total": 12400}]
After: id | city | total 1 | Leeds | 4900 2 | Hull | 12400
Product list with uneven fields
Before: [{"sku": "A-1", "price": 300}, {"sku": "A-2", "price": 450, "sale": true}]
After: sku | price A-1 | 300 A-2 | 450