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.
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren AnmeldenSupport us
577
Online32.8k
Benutzer82.6k
Themen1.3m
Beiträge