Monatsrückblick Januar/Februar 2026 ist online!

[Frank Kabisch]

Hallo zusammen.

Vmtl mache ich jetzt ein altes Fass auf; leider habe ich im Forum (und auch im Web) nicht wirklich etwas gefunden.
Ich nutze die JarVis3 - bin auch voll zufrieden damit, weil echt vielseitig nutz- und anpassbar.

Leider will es mir nicht gelingen, eine JSON-Tabelle (besser deren Zellen) zu modifizieren. Also ja, aber nur teilweise.

Im Screenshot seht Ihr, dass der "Gelbe Sack" auch sauber in gelb dargestellt wird.
Wie müsste ich meinen Code anpassen, damit das auch die anderen Einträge passiert.
Quelle der Daten: (Datenpunkt): ical.2.data.table

[
  {
    "field": "date",
    "label": "Datum",
    "align": "left",
    "mask": "dd.mm.yyyy"
  },
  {
    "field": "event",
    "label": "Typ",
    "align": "left",
    "style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' : 'color: #ffffff')"
  }
]

Screenshot:

Oder geht das so gar nicht?

Vielen Dank.

[MCU]

@frank-kabisch Verstehe gerade nicht was du erreichen willst.

[Frank Kabisch]

@mcu
Ich möchte gerne, dass der Text in den Zellen in Abhängigkeit des Wertes eine bestimmte Farbe annimmt.
Also. z.B. gelb für gelber Sack, blau für Papiertonne, usw.

[MCU]

@frank-kabisch Versuch es mal so?

{
...
"style": "(rowIndex, row, props) => (if(row.event == 'Gelbe/r Sack/Tonne'){'color: #ffff00'} else if(row.event == 'Papiertonne'){'color:0000ff'} else 'color: #ffffff')"
}

[Frank Kabisch]

@mcu said in JarVis 3 - JSON Tabelle - Zellen modifizieren:

"style": "(rowIndex, row, props) => (if(row.event == 'Gelbe/r Sack/Tonne'){'color: #ffff00'} else if(row.event == 'Papiertonne'){'color:0000ff'} else 'color: #ffffff')"

Unexpexted token "if" .... schreibt die Visualisierung

[MCU]

@frank-kabisch Und so?
{
...
"style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' : row.event == 'Papiertonne' ? 'color:0000ff' : 'color: #ffffff')"
}

[Frank Kabisch]

@mcu
gleiches Ergebnis, wie im Eingangspost ... aber kein Fehler mehr.

Nur der gelbe Sack ist gelb ...

Ist so, als ob das alles irgendwie komplett ignoriert wird.

[MCU]

@frank-kabisch Ich muss es dann mal selber integrieren. Welche jarvis-Version?

[Frank Kabisch]

@mcu

v3.1.8 incl. Pro-Account

[MCU]

@frank-kabisch v3.1.8, v3.2.8 gibt es nicht. ok

[Frank Kabisch]

@mcu
ja sorry ... vertippt

[MCU]

@frank-kabisch Also man muss auf die Verschachtelung achten.

{
"style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' :  (row.event == 'Biotonne' ? 'color: #00ff00' :  (row.event == 'Papiertonne' ? 'color: #0000ff' : 'color: #ffffff')))"
}

[Frank Kabisch]

@mcu said in JarVis 3 - JSON Tabelle - Zellen modifizieren:

"style": "(rowIndex, row, props) => (row.event == 'Gelbe/r Sack/Tonne' ? 'color: #ffff00' : (row.event == 'Biotonne' ? 'color: #00ff00' : (row.event == 'Papiertonne' ? 'color: #0000ff' : 'color: #ffffff')))" }

Geil.Passt.
Vielen Dank für Deinen Einsatz!

[intruder7]

@MCU
Weil es hier einpasst....
Wie kann man dann ein Vergleich aller Werte in einer Spalte machen und z.B. den größten Wert hervorheben?. Und kann man an den Wert aus dem JSON eine Einheit ranhängen?

Viele Grüße

Hintergrund: ich würde gerne den günstigsten Wert aus meiner Tabelle der Tankstellen und Preise hervorheben.

[
  {
    "field": "img",
    "format": "val => val = '<div style=\"width:20px; height:20px;\"><img style=\"width:100%;height:100%\" src='+val+'></div>'",
    "label": "ICON"
  },
  {
    "field": "name",
    "align": "left",
    "label": "Nmae"
  },
  {
    "field": "diesel",
    "align": "left",
    "label": "Diesel"
  },
  {
    "field": "E10",
    "align": "left",
    "label": "E10"
  },
  {
    "field": "E5",
    "align": "left",
    "label": "E5"
  },
  {
    "field": "status",
    "align": "left",
    "label": "Status"
  }
]

[MCU]

@intruder7 Wäre besser wenn du einen eigenen Thread aufmachst. Danke.
Zum Thema ranhängen der Einheit

"format": "val => val = val+' €'",

Scheint eine eigene Tabelle zu sein, bitte reinstellen, in den eigenen Thread.

EDIT:
Geht nicht, da man in der Zeile keinen Zugriff auf alle Elemente hat. -> Eigenes Programm schreiben und damit eine eigene JSON erstellen, wo man die gewünschten Elemente hervorhebt.