09.07.2024, 14:45
Hallo und willkommen im Forum!
name nicht, ich hätte erwartet, dass der als Beschriftung links in die erste Spalte soll?
Woran scheitert es denn? Du wirst zwei verschachtelte Schleifen brauchen, eine über devices und darin eine über deviceStates, in etwa so:
(ungetestet)
Sicher wirst Du auch einen Header für die Tabelle brauchen aber das wäre nur statisches HTML.
name nicht, ich hätte erwartet, dass der als Beschriftung links in die erste Spalte soll?
Woran scheitert es denn? Du wirst zwei verschachtelte Schleifen brauchen, eine über devices und darin eine über deviceStates, in etwa so:
Code:
const data = { ... }; // deine Daten wie gepostet
let tableBody = `<tbody>`;
data.config.devices.forEach(device => {
tableBody += `<tr>`;
device.deviceStates.forEach(status => {
tableBody += `<td>${status.id}</td><td>${status.icon}</td><td>${status.suffix}</td>`;
});
tableBody += `</tr>`;
});
tableBody += `</tbody>`;
(ungetestet)
Sicher wirst Du auch einen Header für die Tabelle brauchen aber das wäre nur statisches HTML.
Glaube denen, die die Wahrheit suchen, und zweifle an denen, die sie gefunden haben.
(Andrι Gide (1869-1951), frz. Schriftst., 1947 Nobelpreis)
(Andrι Gide (1869-1951), frz. Schriftst., 1947 Nobelpreis)