Конвертировать JSON в HTML таблицу

Форма для преобразования JSON в HTML

Эта форма позволяет вам конвертировать данные JSON в HTML таблицу, вставьте или загрузите JSON файл ниже:


Ваш результат можно увидеть ниже.

Результат преобразования JSON в HTML


Перенести в "Вставить код" для сохранения

Предварительный просмотр HTML таблицы

Никаких результатов.

О преобразовании JSON в HTML

О преобразовании данных JSON в HTML таблицу

Конвертер JSON в HTML была создана для оперативного преобразования данных JSON(JavaScript Object Notation) в HTML таблицу.

Как это работает?

Просто вставьте или загрузите JSON данные в текстовое поле выше и нажмите кнопку Конвертировать, и вы сразу получите HTML-код.

Пример преобразования JSON в HTML

Исходные данные (До):
{
	"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"
		}]
	}
}
Конечный результат (После):
<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>
После преобразования вы можете применить HTML код к своему проекту или использовать его для каких-то других целей.