JSON в HTML-таблицу

Отображение данных как таблица

Ввод JSON

Loading editor...

Вывод HTML

Loading editor...

Похожие инструменты

Часто задаваемые вопросы

Вставьте JSON-массив объектов и нажмите «Преобразовать». Ключи объектов станут заголовками колонок, каждый объект — строкой. В HTML есть корректные теги <table>, <thead> и <tbody>.

Сгенерированный HTML без inline-стилей — можно подключить любой CSS-фреймворк или свои стили. Скопируйте HTML и добавьте классы для Tailwind, Bootstrap или своего CSS.

Лучше всего плоский массив объектов с одинаковыми ключами, например [{"name":"Alice","role":"Dev"},{"name":"Bob","role":"QA"}]. Вложенные объекты в ячейках отображаются как строка JSON.

Да. Показываются и сырой HTML, и визуальный предпросмотр рядом, чтобы убедиться, что результат выглядит правильно.