JSON → HTML テーブル

JSON 配列を HTML テーブルに自動変換 + プレビュー

JSON オブジェクトの配列を HTML テーブルに変換します。各オブジェクトが行になり、キーが列ヘッダーになります。HTML コードとライブプレビューの両方を取得します。

Code

<table border="1" cellpadding="8" cellspacing="0">
  <thead>
    <tr>
    <th>name</th>
    <th>age</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <td>Alice</td>
    <td>30</td>
  </tr>
  <tr>
    <td>Bob</td>
    <td>25</td>
  </tr>
  </tbody>
</table>

プレビュー

name	age
Alice	30
Bob	25

使い方

JSON オブジェクトの配列を入力領域に貼り付けます。
このツールは最初のオブジェクトのキーを列ヘッダーとして使用し、各要素を行として使用します。
カード生成された HTML コードを表示してコピーします。
テーブルが正しく見えることを確認するために下のライブプレビューを確認します。

例

[{"name":"Alice","age":30},{"name":"Bob","age":25}] を貼り付けると、name と age 列を持つ 2 行のテーブルが生成されます。
出力 HTML は border-1 テーブルタグを使用して thead/tbody を使用し、すべてのセル値は HTML エスケープされています。

本番環境で使用する前に出力を検証してください。保証なし — 詳細は利用規約.