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!
-
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. -
<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. -
@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.
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register LoginSupport us
293
Online32.8k
Users82.7k
Topics1.3m
Posts