Преобразование объекта json в таблицу html с использованием json2html

У меня проблема при использовании библиотеки json2html https://github.com/eisenbraun/columns. Можно ли использовать эту библиотеку js с объектом Json, как показано ниже.

var jsonobj = [{
  "id": "31",
  "Mesial": {
    "disorder": "",
    "other": ""
  },
  "Facial": {
    "disorder": "DC-HP",
    "other": ""
  },
  "Distal": {
    "disorder": "",
    "other": ""
  },
  "Lingual": {
    "disorder": "",
    "other": ""
  },
  "Occlusal": {
    "disorder": "",
    "other": ""
  }
}, {
  "id": "37",
  "Mesial": {
    "disorder": "",
    "other": ""
  },
  "Facial": {
    "disorder": "RE-AR",
    "other": ""
  },
  "Distal": {
    "disorder": "",
    "other": ""
  },
  "Lingual": {
    "disorder": "",
    "other": ""
  },
  "Occlusal": {
    "disorder": "",
    "other": ""
  }
}]  

Я использовал онлайн-инструмент Преобразование JSON в HTML-таблицу, но, к сожалению, его библиотека недоступна.

ожидаемый вывод таблицы

щелчок Преобразование объекта json в таблицу html с использованием json2html

Вам нужно будет сгладить этот массив, чтобы он соответствовал тому, что вы хотите отображать в каждом столбце. Непонятно, как должна выглядеть ожидаемая таблица. Вы можете использовать Array#map(), чтобы сопоставить его с необходимой структурой.

charlietfl 08.11.2018 11:43

Пожалуйста, обновите код, который вы пробовали. Пожалуйста, проверьте это для документации michaeleisenbraun.com/columns

localroot 08.11.2018 11:43

Если вы прочитаете документацию, вы увидите, что массив должен содержать объекты, которые определяют столбцы, а не другие свойства и подобъекты: michaeleisenbraun.com/columns

Rory McCrossan 08.11.2018 11:43

Попробуем реализовать метод сглаживания объекта json. так что это может сработать

Arjuna Bandara 08.11.2018 14:39
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
201
1

Ответы 1

Нет, ваш формат данных неверен.

Ваш формат должен соответствовать их формату данных:

[{"col1":"row1", "col2":"row1", "col3":"row1"}, {"col1":"row2", "col2":"row2", "col3":"row2"}]

Имея для каждого объекта формат colX:rowY.

Таким образом, у вас не может быть объекта в качестве записи строки.

есть ли предложение преобразовать выше json в сглаживание json?

Arjuna Bandara 08.11.2018 14:41

@ArjunaBandara, это зависит от того, какие значения вы хотите сохранить в своем фактическом json перед его преобразованием, но это другой вопрос :)

Alexandre Elshobokshy 08.11.2018 14:42

Другие вопросы по теме