JSON → HTML Table
Convert a JSON array of objects (or arrays, or a wrapped payload) into a clean, accessible HTML table — a union of keys as columns, dot-path flattening of nested objects, column pick / reorder / rename, numeric right-alignment, zebra striping, a sticky header and optional click-to-sort — with a live rendered preview and HTML + CSS (+ JS) output, or Markdown, CSV, or a React component.
What this tool does
It reads a JSON array and builds a real HTML
<table>, rendering it live so you can see and sort
it.
Input shapes
An array of objects, an array of arrays, or a single object whose
first array property is the data ({ "results": [...] })
— all work. Objects don't need matching keys; the columns are
the union of every key seen.
Nested data
Nested objects are flattened with dot paths
(address.city) up to the depth you choose; deeper values
and arrays are shown as compact JSON.
Columns
Pick which columns appear, drag to reorder, and rename any header without touching the data.
Presentation & sorting
Numeric columns right-align automatically; add zebra striping, a
sticky header, and click-to-sort with aria-sort.
Output
HTML + CSS (+ JS), a Markdown table, CSV, or a React component.
Privacy
Everything runs in your browser. Nothing is uploaded.