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}]를 붙여넣으면 이름과 나이 열이 있는 2행 테이블을 생성합니다.
출력 HTML은 border-1 테이블 태그와 thead/tbody를 사용하며, 모든 셀 값은 HTML 이스케이프됩니다.

프로덕션 사용 전 출력을 검증하십시오. 보증 없음 — 자세한 내용은 이용약관.