HTML Table to JSON Converter – Free Online | JsonToTable

Use thead or first row as headersCoerce numbers / booleans

HTML Input

JSON Output

JSON from the table will appear here

Paste a fragment or a full page that includes a <table>. If several tables are found, choose one above.

Three newsroom shifts with role, active flag, and hours

Table extraction stays in this browser tab. Pasted markup and uploaded .html files are not posted to our servers. This is a local parse, not a document-hosting service.

How to Convert an HTML Table to JSON

Drop in markup, choose a table when the page has more than one, and copy a JSON array built from the header row plus each data row.

1

Step 1 – Paste Markup or Upload a .html File

Paste a fragment or a saved page that includes at least one <table>. A complete document is fine — the converter ignores script and style and looks only for tables. Need to preview the page first? Open it in the HTML viewer.

📋

Paste HTML - A fragment or a full document both work.

📁

.html upload - The file is read locally, never posted.

Sample HTML table

<table>
  <caption>Newsroom shifts</caption>
  <thead>
    <tr>
      <th>id</th>
      <th>name</th>
      <th>role</th>
      <th>active</th>
      <th>hours</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>T-01</td>
      <td>Amelia Chen</td>
      <td>Editor</td>
      <td>true</td>
      <td>32</td>
    </tr>
    <tr>
      <td>T-02</td>
      <td>Noah Patel</td>
      <td>Reviewer</td>
      <td>false</td>
      <td>16</td>
    </tr>
    <tr>
      <td>T-03</td>
      <td>Sofia Berg</td>
      <td>Publisher</td>
      <td>true</td>
      <td>40</td>
    </tr>
  </tbody>
</table>

2

Step 2 – Confirm the Header Row and Types

When a thead block exists, its first row supplies the property names. Otherwise the opening row is used. Turn off “use headers” if every row should become a numbered record. Optional coercion turns plain digits and the words true/false into JSON numbers and booleans.

🔤

Header keys - Blank labels become column_1, column_2, and so on.

🔢

Light coercion - Optional numbers, booleans, and null for empty cells.

HTML table as a JSON array

[
  {
    "id": "T-01",
    "name": "Amelia Chen",
    "role": "Editor",
    "active": true,
    "hours": 32
  },
  {
    "id": "T-02",
    "name": "Noah Patel",
    "role": "Reviewer",
    "active": false,
    "hours": 16
  },
  {
    "id": "T-03",
    "name": "Sofia Berg",
    "role": "Publisher",
    "active": true,
    "hours": 40
  }
]

3

Step 3 – Copy the Array or Switch Tools

Copy the JSON or download a .json file. If you actually started with a workbook or a comma file, switch to Excel to JSON or CSV to JSON. The reverse direction — objects to markup — lives on JSON to HTML.

⬇️

Download .json - Saves html-table-to-json-<date>.json.

📋

Copy - Places the pretty-printed array on the clipboard.

⚡Copy or download the converted JSON

2 Actions

⬇️

Download

Save as html-table-to-json-<date>.json

📋

Copy

Copy JSON to clipboard

💡Tip: if several tables are present, pick the one you meant from the Table menu.

How an HTML Table Is Mapped to JSON

A predictable grid read: headers become keys, following rows become records.

Markup ingredient → JSON result

Ingredient	What the converter does
Header source	First thead row, or the first row when no thead exists
Each later row	One object in the output array
Cell contents	Visible text only — tags stripped, entities decoded
script / style	Removed before any table is read
Several tables	First table by default; a picker appears when more exist

HTML Table to JSON FAQs

Questions about parsing tables, thead headers, file upload, merged cells and privacy

How do I convert an HTML table to JSON?

Paste the HTML (a fragment or a full page) or upload a .html file. The converter finds table elements, uses the thead or first row as property names, and builds one object per following row. Copy the resulting array or download a .json file.

Can I upload a .html file instead of pasting?

Yes. Use Upload with a .html or .htm file. The file is read in your browser only. If the document contains several tables, the first one is selected and a Table menu appears so you can switch.

Which table is used when the page has more than one?

The first top-level table is used by default. When two or more are found, a Table selector lists captions (when present) and row counts so you can pick another. Tables nested inside a cell are not listed separately.

Does the tool support colspan and rowspan?

Not as a layout engine. As of 2026-11-10 this page performs a simple grid extract: each cell, including a merged one, occupies a single slot. A warning appears when colspan or rowspan attributes are present. Export a normalized table if you need every visual column filled.

What does optional type coercion do?

When coercion is on, a cell of only digits becomes a number, and the words true, false, and null become those JSON values. Tokens that look numeric but start with a zero stay strings. Switch the option off to keep every cell as text.

How is this different from Excel to JSON or CSV to JSON?

This page reads HTML table markup. Excel to JSON is for workbooks and spreadsheet clipboard paste. CSV to JSON is for comma- or tab-separated files. Use JSON to HTML when you want to go the other way, from objects to markup.

What if a row has fewer or more cells than the header?

The row is still converted. Missing cells become empty strings, or null when coercion is on. Extra cells are kept under column_N. A status message notes how many rows did not match the header width.

Is my HTML uploaded to a server?

No. The HTML is read and mapped to JSON inside your browser. There is no upload endpoint for this page, and the file never leaves the tab you opened.

JSON EDITOR

Edit, format, and beautify JSON

JSON VALIDATOR

Validate, fix, and inspect JSON

JSON ANALYZER

Compare, measure, and map JSON

EXPORT & SHARE

Convert JSON to other formats

IMPORT TO JSON

Convert other formats to JSON

XML TOOLS

Convert, format, fix, and minify XML

CODE & FORMATTERS

Generate code and format other languages