@jahnbes
Das Problem ist gelöst. Hier auf die Schnelle ein Screenshot der Lösung
zigbee_batteriezustand_1.jpg
und der zugehörige html-Code:
<style>
caption {
color: white;
font-size: x-large;
}
th {
text-align: center;
color: black;
background-color: #67eea8b7;
font-size: large;
font-weight: normal;
}
.alarm {
color: black;
background-color: rgb(253, 116, 116);
}
.attention {
color: black;
background-color: rgb(252, 234, 115);
}
td {
text-align: center;
color: white;
font-size: large;
}
</style>
<table class="table table-bordered" columns="3">
<caption> Zigbee-Thermometer Batteriezustand - 1 -</caption>
<div ng-app="" ng-init="geraete=[
{raum:'Arbeitszimmer',adresse:'zigbee.0.00158d0008ce4367.'},
{raum:'Schlafzimmer',adresse:'zigbee.0.00158d0008c11f15.'},
{raum:'Wohnzimmer',adresse:'zigbee.0.00158d0008385f00.'}
]">
<tr>
<th>Raum</th>
<th>Prozent</th>
<th>Spannung</th>
</tr>
<tr ng-repeat="x in geraete">
<td>{{x.raum}}</td>
<td ng-init="percentV=itemValue(x.adresse+'battery')" ng-class="{'alarm': percentV <= 40, 'attention': percentV > 40 && percentV < 70}">
{{'%.0f' | sprintf:percentV}} %</td>
<td>{{'%.2f' | sprintf:itemValue(x.adresse+'voltage')}} V</td>
</tr>
</div>
</table>
Und hier ein Screenshot einer komplizierteren Tabelle:
zigbee_geraete_tabelle.jpg
Ich bereite einen ausführlichen Beitrag vor. Wenn er im Netz ist, verlinke ich ihn hier.
Viele Grüße, jahnbes.
