Does it handle nested objects in values?

Nested objects are serialised to a JSON string in the table cell. For deeply nested data, consider flattening first with the JSON Key Extractor.

Can I choose which keys become columns?

Yes. A column selector lets you include or exclude specific keys, and reorder them by dragging.

Can I add CSS styling to the generated table?

Yes. Options include plain HTML, Tailwind CSS utility classes, Bootstrap table classes, or a custom class name for your own stylesheet.

Does the input need to be an array of objects?

Yes. The input should be a JSON array where each element is an object with consistent keys. These keys become the column headers. Inconsistent keys are handled by adding empty cells for missing keys.

JSON to HTML Table

Converts a JSON array of objects into a complete HTML <table> with <thead> headers derived from object keys and <tbody> rows for each item. Options to add Tailwind CSS classes, Bootstrap table classes, or custom class names. Useful for quickly displaying API responses as HTML.

Runs entirely in your browser — your input is never uploaded, stored, or logged.

Paste your JSON array and get a ready-to-use HTML table with configurable styling. To extract the data back from an HTML table later, use the HTML Table to CSV/JSON tool.

Examples

User array

Input

[{"name":"Alice","age":30}]

Output

<table><thead><tr><th>name</th><th>age</th></tr></thead>...

Frequently Asked Questions

Related Tools

New

HTML Table to CSV / JSON

Extract data from HTML tables and convert to CSV or JSON.

CSV to JSON

Convert CSV data into a JSON array of objects.

JSON Formatter & Validator

Beautify, minify, and validate JSON with syntax highlighting.

New

JSON Key Extractor

Extract all unique keys from a JSON object or array.

Markdown to HTML

Convert Markdown to HTML instantly.

HTML to Markdown

Convert HTML markup to clean Markdown syntax.