Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Table Widget

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    23
    1
    1.3k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.5k

Material Design Widgets: Table Widget

Scheduled Pinned Locked Moved Visualisierung
vis
95 Posts 33 Posters 18.1k Views 38 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ScroungerS Scrounger

    @0018

    klar, musst aber das skript anpassen und per html tags dann die farbe verandern

    0 Offline
    0 Offline
    0018
    wrote on last edited by
    #85

    @scrounger ich fürchte da wird es bei mir scheitern... kannst du evtl eine Demo erstellen worauf ich aufbauen kann?

    Mfg
    0018

    0 1 Reply Last reply
    0
    • 0 0018

      @scrounger ich fürchte da wird es bei mir scheitern... kannst du evtl eine Demo erstellen worauf ich aufbauen kann?

      0 Offline
      0 Offline
      0018
      wrote on last edited by
      #86

      @Scrounger könntest du mir evtl helfen?

      Mfg
      0018

      ScroungerS 1 Reply Last reply
      0
      • 0 0018

        @Scrounger könntest du mir evtl helfen?

        ScroungerS Offline
        ScroungerS Offline
        Scrounger
        Developer
        wrote on last edited by Scrounger
        #87

        @0018

        demo gibts doch oben schon. musst halt noch erweitern um die erkennung ob termin von heute und dann text z.b. in ein <font> tag setzen und entsprechend Farbe zuweisen

        XsevX 1 Reply Last reply
        0
        • M Offline
          M Offline
          Mike_0815
          wrote on last edited by
          #88

          Hallo Leute,
          sorry, wenn ich hier möglicherweise eine 'überflüssige' Frage stelle. Möglicherweise auch an der falschen Stelle Jedoch finde ich mich nicht zurecht.

          Ich habe folgende Adapter installiert: Material Design, Material Design Widgets und Material Advanced.
          Da ich nicht alle Widgets gefunden habe, nehme ich welche aus beiden Lagern.
          Nun passen die nicht wirklich gut optisch zusammen.

          Ich habe einfach mal versucht die Instanz von Material Design zu löschen - hat nix gebracht. Nur meine Widgets waren verschwunden.

          Gibt es einen stabilen Migrationspfad???? Was ist mit dem Skript von Uhula?? Ich habe hierzu nur 'Versuche' gefunden aber keine 'Anleitung'. Kann mir bitte irgendjemand hierbei helfen?

          Besten Dank
          -Mike

          1 Reply Last reply
          0
          • svenomattS Offline
            svenomattS Offline
            svenomatt
            wrote on last edited by
            #89

            Hallo zusammen,

            Beschäfigt mich seit kurzem mit Material Degsin Wigdets und versuche mich gerade mit der Umsetzung der verpassten Anrufe in dem Table Widget. (wenn es den geht)

            Ausgangsiuation ist die calllists.missed.json die ja alle werte mit sich bringt

            Ich habe vorher das Widget /// JSON Table Basics genutzt und konnte dort über "Attribut in Json" die Spalten befüllen. (siehe Bild)

            Kann mir jemand sagen ob dies auch beim Table Widget geht bzw. wie ich es dort umsetze das nur der Name die Nummer und das Datum angezeigt wird.

            Konnte im editor nicht finden wo ich den Wert (Attribut) eintrage

            Bild

            1 Reply Last reply
            0
            • S Offline
              S Offline
              Supermicha
              wrote on last edited by
              #90

              Moin zusammen...

              Gibt es eine Möglichkeit Zahlenwerte mit Tausenderpunkt zu formatieren??

              Mein Problem:
              Ich nutze im Table-Widget mehrere Spalten mit großen Zahlen...

              derzeit formatiere ich direkt das json mit 'formatValue()' das klappt, dadurch ist aber die Sortierung nicht mehr vernünftig, da dann erst der Wert vor dem Punkt sortiert wird...
              (gleiches Problem übrigens, wenn man das Komma verwendet, wie im englischen)

              Es müsste die Formatierung also nach der Sortierung stattfinden, leider habe ich bisher im Table-Widget keine Möglichkeit der Formatierung gefunden. oder übersehe ich da was?

              1 Reply Last reply
              0
              • ScroungerS Scrounger

                @0018

                demo gibts doch oben schon. musst halt noch erweitern um die erkennung ob termin von heute und dann text z.b. in ein <font> tag setzen und entsprechend Farbe zuweisen

                XsevX Offline
                XsevX Offline
                Xsev
                wrote on last edited by Xsev
                #91

                @scrounger
                Ich steure das Table Widget über die Sichtbarkeit in meiner Vis. Jetzt ist mir aufgefallen, das es im Vis Editor nicht mehr auftaucht wenn der Datenpunkt auf "unsichtbar" ist. Normalerweise hat das ja nur Auswirkungen in Vis selbst aber nicht im Editor, dort sollte das Widget doch immer angezeigt werden ( so kenne ich es zumindest von anderen Widgets). Hat das mit dem Widget zu tun oder eher mit Vis bzw. Vis-Editor?

                Edit;
                Hab das Widget mal neu erstellt, bislang tritt der Fehler nicht wieder auf. Werde es mal beobachten...

                1 Reply Last reply
                0
                • D Offline
                  D Offline
                  Danielbroker86
                  wrote on last edited by Danielbroker86
                  #92

                  Gibt es eine Möglichkeit timestamps (zb von einer Datenbank) zu formatieren?

                  T 1 Reply Last reply
                  0
                  • D Danielbroker86

                    Gibt es eine Möglichkeit timestamps (zb von einer Datenbank) zu formatieren?

                    T Offline
                    T Offline
                    Tschaeens
                    wrote on last edited by
                    #93

                    @scrounger
                    Ich habe die aktuelle Version 0.59 installiert. Leider ist in den Table Widgets der Scrollbalken weg. Gehe ich zurück auf die 0.42 gehts wieder. Kannst du dir das vielleicht mal ansehen? Schonmal besten Dank.

                    1 Reply Last reply
                    0
                    • V Offline
                      V Offline
                      Vippis
                      wrote on last edited by Vippis
                      #94

                      @Scrounger
                      Ich komme nicht darauf wie ich die Überschriften der Tabelle aus dem JSON extrahieren kann. Du sagst es geht nur im Editor, aber wie?

                      Ich generiere mir die zeilen per JS in einer for-Schleife. Wie kann ich im Editor einstellen, dass er als Überschrift die Dict-Keys nehmen soll?

                      var zeile = {
                                  "Von": von.format("D.MM.YYYY HH:mm"),
                                  "Bis": bis.format("D.MM.YYYY HH:mm"),
                                  "Tibber kWh": i_kwh_tibber,
                                  "Tibber €": i_cost_tibber,
                                  "Stand Kompressor first": i_stand_komp_h_first,
                                  "Stand Kompressor last": i_stand_komp_h_last,
                                  "WP Kompressor H": i_kwh_komp_h,
                                  "WP Kompressor WW": i_kwh_komp_ww,
                                  "WP Zusatz H": i_kwh_zusatz_h,
                                  "WP Zusatz WW": i_kwh_zusatz_ww,
                                  "Wallbox kWh": i_kwh_wallbox,
                                  "Anteil WP Kompressor H": anteil_wp_komp_h.toFixed(1),
                                  "Anteil WP Kompressor WW": anteil_wp_komp_ww.toFixed(1),
                                  "Anteil WP Zusatz H": anteil_wp_zusatz_h.toFixed(1),
                                  "Anteil WP Zusatz WW": anteil_wp_zusatz_ww.toFixed(1),
                                  "Anteil Wallbox": anteil_wallbox.toFixed(1),
                                  "Header1": "Von"
                              }
                              table.push(zeile)
                      

                      Ich hab mal versucht eine Pseudo-Spalte "Header1" einzufügen, die ich mir nicht in der Tabelle anzeigen lasse als Object Binding. Aber das geht nur bei voran- und nachgestelltem Text für das Zeilenelement...

                      1 Reply Last reply
                      0
                      • C Offline
                        C Offline
                        ck_coke
                        wrote on last edited by ck_coke
                        #95

                        Hallo,

                        ich würde bei folgendem Array gerne die Schriftfarbe nach Bedingungen des jeweiligen Wertes anpassen:

                        arr = 
                        [
                                { 
                                    'Anlagenname': (await getObjectAsync('modbus.0.holdingRegisters.19006_G_ULL0')).common.name, 
                                    'Spannung': getState('modbus.0.holdingRegisters.19006_G_ULL0').val, 
                                    'Leistung': getState('modbus.0.holdingRegisters.19026_G_P_SUM3').val 
                                }, 
                                { 
                                    'Anlagenname': (await getObjectAsync('modbus.1.holdingRegisters.19006_G_ULL0')).common.name, 
                                    'Spannung': getState('modbus.1.holdingRegisters.19006_G_ULL0').val, 
                                    'Leistung': getState('modbus.1.holdingRegisters.19026_G_P_SUM3').val 
                                }
                        ]
                        

                        Z.B.:
                        Wenn Spannung kleiner 0.1 dann Schriftfarbe rot
                        Wenn Spannung größer/gleich 0.1 dann grün

                        Wie lässt sich das am besten umsetzen?
                        Kann ich eine if-Abfrage in das array packen?

                        1 Reply Last reply
                        0
                        Reply
                        • Reply as topic
                        Log in to reply
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        410

                        Online

                        32.5k

                        Users

                        81.7k

                        Topics

                        1.3m

                        Posts
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                        ioBroker Community 2014-2025
                        logo
                        • Login

                        • Don't have an account? Register

                        • Login or register to search.
                        • First post
                          Last post
                        0
                        • Home
                        • Recent
                        • Tags
                        • Unread 0
                        • Categories
                        • Unreplied
                        • Popular
                        • GitHub
                        • Docu
                        • Hilfe