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, и визуальный предпросмотр рядом, чтобы убедиться, что результат выглядит правильно.