Convert JSON to HTML Table

Form for JSON converting to HTML

This form allows you convert JSON data to HTML table, paste or upload your JSON file below:


Your result can be seen below.

Result of JSON conversion to HTML


Move to "Paste Code" for Save it

Preview of HTML table

No results.

About JSON conversion to HTML

About JSON data conversion to HTML table

The JSON to HTML Converter was created for online transform JSON(JavaScript Object Notation) data into HTML table.

How it Works?

Just paste or upload your JSON data to the textarea above and click to the button "Convert" and you will instantly get HTML code.

Example of JSON conversion to HTML

Before:
{
	"root":
	{
		"rows": [
		{
			"LatD": "41",
			"LatM": "5",
			"LatS": "59",
			"NS": "N",
			"LonD": "80",
			"LonM": "39",
			"LonS": "0",
			"EW": "W",
			"City": "Youngstown",
			"State": "OH"
		},
		{
			"LatD": "42",
			"LatM": "52",
			"LatS": "48",
			"NS": "N",
			"LonD": "97",
			"LonM": "23",
			"LonS": "23",
			"EW": "W",
			"City": "Yankton",
			"State": "SD"
		},
		{
			"LatD": "46",
			"LatM": "35",
			"LatS": "59",
			"NS": "N",
			"LonD": "120",
			"LonM": "30",
			"LonS": "36",
			"EW": "W",
			"City": "Yakima",
			"State": "WA"
		},
		{
			"LatD": "42",
			"LatM": "16",
			"LatS": "12",
			"NS": "N",
			"LonD": "71",
			"LonM": "48",
			"LonS": "0",
			"EW": "W",
			"City": "Worcester",
			"State": "MA"
		},
		{
			"LatD": "43",
			"LatM": "37",
			"LatS": "48",
			"NS": "N",
			"LonD": "89",
			"LonM": "46",
			"LonS": "11",
			"EW": "W",
			"City": "Wisconsin Dells",
			"State": "WI"
		}]
	}
}
After:
<table>
	<thead>
		<tr>
			<td>LatD</td>
			<td>LatM</td>
			<td>LatS</td>
			<td>NS</td>
			<td>LonD</td>
			<td>LonM</td>
			<td>LonS</td>
			<td>EW</td>
			<td>City</td>
			<td>State</td>
		</tr>
	</thead>
	<tr>
		<td>41</td>
		<td>5</td>
		<td>59</td>
		<td>N</td>
		<td>80</td>
		<td>39</td>
		<td>0</td>
		<td>W</td>
		<td>Youngstown</td>
		<td>OH</td>
	</tr>
	<tr>
		<td>42</td>
		<td>52</td>
		<td>48</td>
		<td>N</td>
		<td>97</td>
		<td>23</td>
		<td>23</td>
		<td>W</td>
		<td>Yankton</td>
		<td>SD</td>
	</tr>
	<tr>
		<td>46</td>
		<td>35</td>
		<td>59</td>
		<td>N</td>
		<td>120</td>
		<td>30</td>
		<td>36</td>
		<td>W</td>
		<td>Yakima</td>
		<td>WA</td>
	</tr>
	<tr>
		<td>42</td>
		<td>16</td>
		<td>12</td>
		<td>N</td>
		<td>71</td>
		<td>48</td>
		<td>0</td>
		<td>W</td>
		<td>Worcester</td>
		<td>MA</td>
	</tr>
	<tr>
		<td>43</td>
		<td>37</td>
		<td>48</td>
		<td>N</td>
		<td>89</td>
		<td>46</td>
		<td>11</td>
		<td>W</td>
		<td>Wisconsin Dells</td>
		<td>WI</td>
	</tr>
	<tr>
		<td></td>
	</tr>
</table>
After the conversion, you can apply the HTML code to your project or use it for some other purpose.