Free JSON to HTML Table Converter

Paste JSON, instantly preview a styled HTML table, sort and filter rows, then copy the HTML or download a standalone file. Supports nested JSON, custom classes, and 5 table styles.

🔒 100% private — runs in your browser, no data sent to servers

Flatten nested

CSS class

Table Style

JSON Input

Rows: — Columns: — Visible: —

Paste JSON on the left and click Convert to preview the table here.

Frequently Asked Questions

What JSON formats does this tool support?

The tool supports JSON arrays of objects (the most common format), single JSON objects (converted to key-value rows), and nested objects when the Flatten Nested toggle is enabled. Arrays and objects at any nesting depth are handled gracefully.

Will nested JSON work?

Yes. Enable the Flatten Nested toggle and nested objects like {"address":{"city":"NYC"}} become dot-notation columns such as address.city. Arrays inside objects are serialized as JSON strings in the cell.

Can I customize the table CSS class?

Yes. Type any class name (or multiple space-separated names) in the CSS Class field and they will be added to the generated <table> tag. The default is data-table. This lets you integrate the output with your own stylesheet.

Is my data sent to a server?

No. All processing happens entirely in your browser using JavaScript. Your JSON data never leaves your device and is not stored or transmitted anywhere.

What table styles are available?

Five styles are available: Default (plain table), Striped (alternating row background colors), Bordered (borders on all cells), Compact (reduced cell padding for dense data), and Dark (dark header with light text). The chosen style is embedded as inline CSS in the generated HTML so it is portable and self-contained.