Список JSON объектов в HTML Таблица - PullRequest
Новая
       4

Список JSON объектов в HTML Таблица

0 голосов
/ 08 апреля 2020

У меня есть список json объектов в следующем виде: 

let data = [
  {
    device_name: "DEVICE-1",
    day: "2020-02-01",
    energy_sum: 5282945
  },
  {
    device_name: "DEVICE-1",
    day: "2020-02-02",
    energy_sum: 101855
  },
  {
    device_name: "DEVICE-2",
    day: "2020-02-01",
    energy_sum: 3032139
  },
  {
    device_name: "DEVICE-2",
    day: "2020-02-02",
    energy_sum: 6033564
  },
  {
    device_name: "DEVICE-3",
    day: "2020-02-01",
    energy_sum: 5787464
  },
  {
    device_name: "DEVICE-3",
    day: "2020-02-02",
    energy_sum: 6369649
  }
];

Их очень просто перечислить в виде таблицы HTML следующим образом: 

DEVICE NAME         DAY         ENERGY SUM
-----------      ----------     -----------
DEVICE-1         2020-02-01      5282945
DEVICE-1         2020-02-02      101855
DEVICE-2         2020-02-01      3032139
DEVICE-2         2020-02-02      6033564
DEVICE-3         2020-02-01      5787464
DEVICE-3         2020-02-02      6369649

Но я хочу, чтобы они перечислили как следующую HTML таблицу: 

DEVICE NAME     2020-02-01     2020-02-02
-----------     ----------     ----------
DEVICE-1         5282945        101855
DEVICE-2         3032139        6033564
DEVICE-3         5787464        6369649

Я не мог понять, как достичь вышеуказанного результата.

...