Monatsrückblick Januar/Februar 2026 ist online!

[Berges01]

Ich habve eine json-Liste, in der befinden sich mehrere Spalten. In einer Spalte sind 2 verschiedene zustände endhalten (OK und LOW BAT). Wenn in der Spalte nun LOW BAT auftaucht, hätte ich gerne das die Zeile oder zu mindeest das LOW BAT rot blinkt oder sonst etwas auffälliges erscheint. Das Ausrufezeichen ist mir etwas mager. Hier mal ein Bildschirmauszug damit man meine Ausführung etwas besser versteht.

[MCU]

@Berges01 Stell mal den json Inhalt als Code (</>) hinein.

https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/module/jsontable/parameter-style-pro#beispiel-bestimmten-wert-blinken-lassen

[Berges01]

@MCU

[
  {
    "Batterie": "DG-Badezimmer-Fenster",
    "Ladung": "100%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Badezimmer-Heizung-links",
    "Ladung": "38%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Badezimmer-Heizung-rechts",
    "Ladung": "55%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Badezimmer-Thermostat",
    "Ladung": "80%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Badezimmer-Tuer",
    "Ladung": "100%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Flur-Heizung",
    "Ladung": "38%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Flur-Präsentsmelder",
    "Ladung": "100%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Kleiderzimmer-Heizung",
    "Ladung": "58%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Noras-Zimmer-Drucktaster",
    "Ladung": "24%",
    "Bemerkung": "LOW BAT"
  },
  {
    "Batterie": "DG-Noras-Zimmer-Fenster",
    "Ladung": "73%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Noras-Zimmer-Heizung",
    "Ladung": "100%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Noras-Zimmer-Thermostat",
    "Ladung": "100%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Schlafzimmer-Rauchmelder",
    "Ladung": "84%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Sonjas-Zimmer-Drucktaster",
    "Ladung": "59%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Sonjas-Zimmer-Fenster",
    "Ladung": "100%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Sonjas-Zimmer-Heizung",
    "Ladung": "99%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Sonjas-Zimmer-Klima",
    "Ladung": "100%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Sonjas-Zimmer-Tuer",
    "Ladung": "100%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Wii-Zimmer-Fenster",
    "Ladung": "74%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Wii-Zimmer-Heizung",
    "Ladung": "100%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Wii-Zimmer-Rauchmelder",
    "Ladung": "90%",
    "Bemerkung": "OK"
  },
  {
    "Batterie": "DG-Wii-Zimmer-Tuer",
    "Ladung": "73%",
    "Bemerkung": "OK"
  }
]

Das ist der Json ohne irgend etwas besonderes.

[MCU]

@Berges01 Dies bitte in die Modul-Konfiguration bei Spalten eintragen.

[
  {
    "field": "Batterie"
  },
  {
    "field": "Ladung"
  },
  {
    "field": "Bemerkung",
    "style": "(row, props) => (props.Bemerkung == 'OK' ? 'background-color: green' : 'background-color: #E53935; animation: bgBlink 2s infinite;')"
  }
]

Und dies in die Styles

/* nur den Hintergrund  mit der Farbe rot blinken lassen */
@keyframes bgBlink {
	0%, 100% {
		background-color: transparent;
	}

	50% {
		background-color: rgba(255, 0, 0, 0.4);
	}
}

[Berges01]

@MCU
Prima Dankeschön !
Das funktioniert !
Jetzt baue ich mir das noch etwas um.
Dank der Anregung habe ich noch Andere Ideen !
Grüße aus dem Sauerland !