Skip to content

How to View a JSON Array as a Table

Updated

API responses are very often an array of similar objects — users, orders, log entries. A tree view shows one record at a time; a table shows the whole collection at once, one row per item and one column per key, which is how humans actually want to compare records.

The Advanced JSON Toolkit includes a table view that converts any JSON array of objects into a grid, entirely in your browser.

Step-by-step

  1. Load your JSON

    Paste the JSON, upload a .json file, or fetch it from an API URL on the Advanced JSON Toolkit homepage.

  2. Switch to table view

    Click the table toggle next to the search box. If the document root is an array of objects, it renders immediately as a grid.

  3. Select a nested array if needed

    If the array lives deeper in the document — like data.results — click that node in the tree first; the table view renders the selected array.

  4. Scan, search, and export

    Each key becomes a column and each object a row. Search still works across the data, and you can copy or download the underlying JSON at any time.

When a table beats a tree

Trees are ideal for exploring structure — deeply nested, heterogeneous documents. Tables win when the data is homogeneous: spotting the one order with a null customer, comparing prices across fifty products, or scanning timestamps for a gap. If you find yourself expanding sibling after sibling to compare the same field, you want the table.

What the table does with irregular data

Real-world arrays are rarely perfectly uniform. The table view unions the keys across all objects into the column set: objects missing a key simply show an empty cell, and extra keys get their own column. Nested objects and arrays inside a cell are shown in compact JSON form — click into the tree when you need to drill into one.

Privacy note for API data

Response payloads often contain user records and identifiers. The table view — like everything else in the toolkit — is computed locally in your browser. Nothing is uploaded, so viewing production API responses here doesn't send them anywhere.

Try it now

Paste your JSON into the free toolkit — validate, beautify, minify, and explore it without your data ever leaving the browser.

Open the JSON Toolkit

Frequently asked questions

Can I convert JSON to a table without uploading it anywhere?

Yes. The Advanced JSON Toolkit renders the table entirely in your browser — the JSON never leaves your device.

What JSON shape works in table view?

An array of objects — like most API list responses. Each object becomes a row and each key a column. Objects with differing keys are fine: missing values show as empty cells.

Can I view a nested array as a table?

Yes. Select the array's node in the tree view first (for example data.items), then switch to table view — the selected array is rendered as the grid.