Zellen einfärben, je nach Wert
-
Hallo liebe Spezialisten,
ich möchte in VIS den Batteriestand meiner Bewegungsmelder und Taster überwachen. Ich habe eine Tabelle erstellt, die mir die Werte der jeweiligen Datenpunkte wiedergibt. Jetzt möchte ich den Zustand noch besser sichtbar machen, indem die Zelle, in welcher der Wert steht, je nach Wert farbig ist (1-10 = rot, 10-20 = gelb, 20 - 100 grün). Könnt ihr mir helfen?
html-code:
Ausgabe:
Die Zellen in der Spalte "Status" sollen, je nach Wert, farbig sein.Ich würde mich sehr freuen, wenn ihr mir helfen könntet!
-
<td class="tg-a1rn"><span style="color:{val:hue.0.Dimmer_Schlafzimmer.battery;val >= 20 ? 'green">' + val : val >= 10 ? 'yellow">' + val : 'red">' + val}</span>' %</td>Könnte man alternativ statt mit
styleauch mitclassmachen. Dann hätte man es später einfacher wenn die Farben mal geändert werden sollen. -
@codierknecht said in Zellen einfärben, je nach Wert:
<td class="tg-a1rn"><span style="color:{val:hue.0.Dimmer_Schlafzimmer.battery;val >= 20 ? 'green">' + val : val >= 10 ? 'yellow">' + val : 'red">' + val}</span>' %</td>
Super, das lässt sich schonmal verwenden! Vielen Dank!
Gibt es eine Möglichkeit die ganze Zelle einzufärben? Im Moment färbt er die Zahl. Bei "backgound-color" anstatt "color" wird nur der Zahlenhintergrund verändert, nicht die ganze Zelle. -
@boergi23 sagte in Zellen einfärben, je nach Wert:
Im Moment färbt er die Zahl. Bei "backgound-color" anstatt "color" wird nur der Zahlenhintergrund verändert, nicht die ganze Zelle.
Du könntest
style="width:100%;color:versuchen oder statt demspaneindivnehmen.Eigentlich müsste man die ganze Zelle (das
td) formatieren, aber dazu müsste man das Binding 2x verwenden. Das finde ich eher suboptimal.
