Рендерер JSON в HTML-таблицу

Рендерер JSON в HTML-таблицу

Преобразуйте массив JSON-объектов в стилизованную интерактивную HTML-таблицу. Вставьте свои JSON-данные и мгновенно получите отображаемую таблицу с сортируемыми столбцами, настраиваемыми стилями, обработкой вложенных объектов и элементами управления видимостью столбцов. Экспортируйте результат в виде встраиваемого HTML с встроенными CSS, в формате CSV или Markdown.

Как использовать

Вставьте массив JSON-объектов в область ввода. Инструмент автоматически определяет все уникальные ключи в объектах и отображает их как столбцы таблицы. Выберите стиль таблицы (обычный, в полоску, с рамкой, компактный или темный), настройте отображение вложенных объектов и переключайте видимость столбцов. Щелкните заголовки столбцов для сортировки. Скопируйте сгенерированный HTML, CSV или Markdown, или загрузите полный файл .html со встроенными стилями.

Возможности

• 5 стилей таблицы — Обычный, в полоску, с рамкой, компактный и темный темы. Каждая тема генерирует самодостаточный встроенный CSS, чтобы таблица корректно отображалась при встраивании в любом месте.
• Обработка вложенных объектов — Три режима: Преобразовать в строку (показать как строку JSON), Развернуть внутри строки (выровнять с ключами точечной нотации, например, «address.city») или Сворачиваемый (развернуть/свернуть вложенный контент на месте).
• Сортируемые столбцы — Щелкните любой заголовок столбца для сортировки по возрастанию или убыванию. Работает с текстом, числами и датами.
• Видимость столбцов — Автоматически заполняемые флажки для каждого обнаруженного столбца. Скрывайте или показывайте определенные поля, чтобы настроить вывод таблицы.
• Пагинация — Автоматическая пагинация для наборов данных с более чем 50 строк с навигацией «предыдущая/следующая» и отображением количества строк.
• Экспорт HTML — Скопируйте или загрузите полный, самодостаточный HTML со встроенным CSS. Может быть встроено в любую веб-страницу, электронное письмо или документ.
• Экспорт CSV — Корректно цитируемый вывод CSV, обрабатывающий запятые, кавычки и специальные символы в значениях.
• Экспорт Markdown — Чистый формат таблицы Markdown, совместимый с GitHub, GitLab и любым рендерером Markdown.
• Пример данных — Загрузите пример JSON, чтобы увидеть инструмент в действии, прежде чем вставлять свои данные.

Поддерживаемый формат JSON

Инструмент ожидает массив JSON-объектов: [{"name": "Alice", "age": 30}, {"name": "Bob", "age": 25}]. Объекты не обязательно должны иметь одинаковые ключи — отсутствующие ключи в некоторых объектах приводят к пустым ячейкам. Вложенные объекты и массивы обрабатываются в соответствии с выбранным режимом. Примитивные значения (строки, числа, булевы значения, null) отображаются непосредственно в ячейках таблицы.