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. Off Topic
  4. Einfache Tabelle in VIS mit Daten füllen

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    562

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    5.5k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.4k

Einfache Tabelle in VIS mit Daten füllen

Scheduled Pinned Locked Moved Off Topic
19 Posts 5 Posters 1.4k Views 4 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.
  • J jan_xx

    Hallo zusammen, ich habe zu dem was ich vor habe schon einiges versucht hier im Forum herauszufinden bzw. zu lesen. Leider ist wie immer der Anfang schwer, ich möchte einfach erstmal nur einige Werte z.B. Temperaturen in einer Tabelle anzeigen lassen, damit das ganze im View etwas übersichtlicher wird, vlt. kann mir ja mal jemand ein einfache kurze Anleitung geben oder ein fertig parametriertes Widget als Vorlage zur Verfügung stellen?
    Ich könnte mir eine Tabelle mit 5 Zeilen und 3 Spalten.

    ---------|Werte 1 | Werte 1| Werte 3|------------------------
    Raum 1 | xx | xx | xx |

    Raum 2 | xx | xx | xx |

    Raum 3 | xx | xx | xx |

    Raum 4 | xx | xx | xx |

    Raum 5 | xx | xx | xx |

    Danke vorab!

    BananaJoeB Offline
    BananaJoeB Offline
    BananaJoe
    Most Active
    wrote on last edited by BananaJoe
    #3

    @jan_xx Ich nutze dafür JSON.

    Also bereite ich meine Daten in einem JSON auf. Konkret baue ich mir in einem JavaScript (Blockly geht auch) die Daten wir folgt zusammen (bezogen auf dein Beispiel oben)

    [
    	{
    		"Raum":"Raum 1",
    		"Wert1":17,
    		"Wert2":66,
    		"Wert3":34
    	},
    	{
    		"Raum":"Raum 2",
    		"Wert1":71,
    		"Wert2":33,
    		"Wert3":78
    	},
    	{
    		"Raum":"Raum 3",
    		"Wert1":22,
    		"Wert2":33,
    		"Wert3":44
    	}
    ]
    

    und schreibe diese in einen Datenpunkt.
    07a9b248-5b68-4375-995c-e40da8c14d78-image.png

    in VIS nutze ich dann das vis-inventwo - JSON Table Wiget und setze dort den Datenpunkt ein:
    3d7f4c93-58f3-49e3-9324-1db25f1807e9-image.png 688d9ff8-809f-44ff-985c-51e9137d5a06-image.png

    In den Screenshots siehst du das du die Zeilenanzahl anpassen, Überschriften, wieviele Spalten, Splaten umbennen, Reihenfolge der Zeilen und Spalten usw. flexibel umgestalten kannst.

    In der VIS kannst du dann sogar per klick sortieren oder scrollen:
    JSONTable.gif

    Wie du oben sehen konntest gibt es noch andere JSON-Table Widgets, sonst musst du halt schauen welches dir am besten gefällt.

    Mit etwas CSS kann man das dann auch noch aufpimpen:
    e41a9711-9c5d-4881-8198-6329a360ffe1-image.png
    98136969-ee3d-4b4f-a1a4-06d5e7763140-image.png

    ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 10 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV APC 750W kaskadiert || Creality CR-10 SE 3D-Drucker

    1 Reply Last reply
    1
    • OliverIOO OliverIO

      @jan_xx

      Mit Binding in einem vis-html-widget.
      Es gibt aber eine begrenzung von max 50 bindings pro Widget
      Das folgende beschreibt eine html-tabelle
      https://wiki.selfhtml.org/wiki/HTML/Tabellen/Aufbau_einer_Tabelle

      <table>
          <tr>
              <th></th>
              <th>Wert1</th>
              <th>Wert2</th>
              <th>Wert3</th>
          </tr>
          <tr>
              <td>Raum1</th>
              <td>{javascript.0.Raum1Wert1}</td>
              <td>{javascript.0.Raum1Wert2}</td>
              <td>{javascript.0.Raum1Wert3}</td>
          </tr>
          <tr>
              <td>Raum2</th>
              <td>{javascript.0.Raum2Wert1}</td>
              <td>{javascript.0.Raum2Wert2}</td>
              <td>{javascript.0.Raum2Wert3}</td>
          </tr>
      </table>
      
      
      metaxaM Offline
      metaxaM Offline
      metaxa
      wrote on last edited by
      #4

      @oliverio sagte in Einfache Tabelle in VIS mit Daten füllen:

      Es gibt aber eine begrenzung von max 50 bindings pro Widget

      1 Binding = 1 Wert (egal ob Wert "Raum 1" oder Wert "22°C") ?

      OliverIOO 1 Reply Last reply
      0
      • metaxaM metaxa

        @oliverio sagte in Einfache Tabelle in VIS mit Daten füllen:

        Es gibt aber eine begrenzung von max 50 bindings pro Widget

        1 Binding = 1 Wert (egal ob Wert "Raum 1" oder Wert "22°C") ?

        OliverIOO Offline
        OliverIOO Offline
        OliverIO
        wrote on last edited by OliverIO
        #5

        @metaxa
        ja, ein Binding ist ein Wert.
        du kannst dir das wie ein Platzhalter vorstellen, an dessen stelle dann der Inhalt des Datenpunkts eingetragen wird.
        Unveränderliche Werte würd ich nun nicht gerade als Binding eintragen. Nur weil du neben 22C auch "Raum1" genannt hast.

        Meine Adapter und Widgets
        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
        Links im Profil

        metaxaM 1 Reply Last reply
        1
        • OliverIOO OliverIO

          @metaxa
          ja, ein Binding ist ein Wert.
          du kannst dir das wie ein Platzhalter vorstellen, an dessen stelle dann der Inhalt des Datenpunkts eingetragen wird.
          Unveränderliche Werte würd ich nun nicht gerade als Binding eintragen. Nur weil du neben 22C auch "Raum1" genannt hast.

          metaxaM Offline
          metaxaM Offline
          metaxa
          wrote on last edited by metaxa
          #6

          @oliverio sagte in Einfache Tabelle in VIS mit Daten füllen:

          as wie ein Platzhalter vorstellen, an dessen stelle dann der Inhalt des Datenpunkts eingetragen wird.

          Danke! Das wird eine größere Tabelle mit z.B. aktuellen Stromverbraucher heute/gestern/diesen Monat vielleicht auch mit Kosten (alles aus sourceanalytix) doch deutlich einschränken.

          Auf der anderen Seite ein dynamisches Blockly oder JS wie von @BananaJoe beschrieben wird wohl auch sehr viel Rechnerleistung binden.

          paul53P BananaJoeB 2 Replies Last reply
          0
          • metaxaM metaxa

            @oliverio sagte in Einfache Tabelle in VIS mit Daten füllen:

            as wie ein Platzhalter vorstellen, an dessen stelle dann der Inhalt des Datenpunkts eingetragen wird.

            Danke! Das wird eine größere Tabelle mit z.B. aktuellen Stromverbraucher heute/gestern/diesen Monat vielleicht auch mit Kosten (alles aus sourceanalytix) doch deutlich einschränken.

            Auf der anderen Seite ein dynamisches Blockly oder JS wie von @BananaJoe beschrieben wird wohl auch sehr viel Rechnerleistung binden.

            paul53P Offline
            paul53P Offline
            paul53
            wrote on last edited by paul53
            #7

            @metaxa sagte: ein dynamisches Blockly oder JS wie von @BananaJoe beschrieben wird wohl auch sehr viel Rechnerleistung binden.

            Nein, es wird nur selten getriggert:

            heute/gestern/diesen Monat

            Bitte verzichtet auf Chat-Nachrichten, denn die Handhabung ist grauenhaft !
            Produktiv: RPi 2 mit S.USV, HM-MOD-RPI und SLC-USB-Stick mit root fs

            metaxaM 2 Replies Last reply
            0
            • paul53P paul53

              @metaxa sagte: ein dynamisches Blockly oder JS wie von @BananaJoe beschrieben wird wohl auch sehr viel Rechnerleistung binden.

              Nein, es wird nur selten getriggert:

              heute/gestern/diesen Monat

              metaxaM Offline
              metaxaM Offline
              metaxa
              wrote on last edited by
              #8

              @paul53 Wenn ich auf jeden von ca. 25 Datenpunkten triggere und mir die weiteren Daten laufend ziehe, wird mir meine CPU nicht rauftreiben? Kanns ned wirklich abschätzen wie oft dann die JSON Tabelle pro Minute geschrieben und in VIS dargestellt werden wird.

              paul53P 1 Reply Last reply
              0
              • paul53P paul53

                @metaxa sagte: ein dynamisches Blockly oder JS wie von @BananaJoe beschrieben wird wohl auch sehr viel Rechnerleistung binden.

                Nein, es wird nur selten getriggert:

                heute/gestern/diesen Monat

                metaxaM Offline
                metaxaM Offline
                metaxa
                wrote on last edited by
                #9

                @paul53 sagte in Einfache Tabelle in VIS mit Daten füllen:

                heute/gestern/diesen Monat

                Sorry, "jetzt" kommt natürlich auch hinzu.

                OliverIOO 1 Reply Last reply
                0
                • metaxaM metaxa

                  @paul53 Wenn ich auf jeden von ca. 25 Datenpunkten triggere und mir die weiteren Daten laufend ziehe, wird mir meine CPU nicht rauftreiben? Kanns ned wirklich abschätzen wie oft dann die JSON Tabelle pro Minute geschrieben und in VIS dargestellt werden wird.

                  paul53P Offline
                  paul53P Offline
                  paul53
                  wrote on last edited by
                  #10

                  @metaxa sagte: Wenn ich auf jeden von ca. 25 Datenpunkten triggere

                  Wie oft ändern sich die Werte in den Datenpunkten?
                  Temperaturen ändern sich alle paar Minuten. Die CPU langweilt sich damit.

                  Bitte verzichtet auf Chat-Nachrichten, denn die Handhabung ist grauenhaft !
                  Produktiv: RPi 2 mit S.USV, HM-MOD-RPI und SLC-USB-Stick mit root fs

                  metaxaM 1 Reply Last reply
                  1
                  • paul53P paul53

                    @metaxa sagte: Wenn ich auf jeden von ca. 25 Datenpunkten triggere

                    Wie oft ändern sich die Werte in den Datenpunkten?
                    Temperaturen ändern sich alle paar Minuten. Die CPU langweilt sich damit.

                    metaxaM Offline
                    metaxaM Offline
                    metaxa
                    wrote on last edited by
                    #11

                    @paul53 sagte in Einfache Tabelle in VIS mit Daten füllen:

                    Die CPU langweilt sich damit.

                    :blush: Dann werde ich mich mal versuchen, danke fürs Mut zusprechen!

                    metaxaM 1 Reply Last reply
                    0
                    • metaxaM metaxa

                      @paul53 sagte in Einfache Tabelle in VIS mit Daten füllen:

                      heute/gestern/diesen Monat

                      Sorry, "jetzt" kommt natürlich auch hinzu.

                      OliverIOO Offline
                      OliverIOO Offline
                      OliverIO
                      wrote on last edited by
                      #12

                      @metaxa

                      ich denke auch das iobroker selbst auf dem raspi mehrere zig datenpunkte pro sekunde gut verarbeiten kann, da das ja alles nur im Hauptspeicher passiert.

                      Bei der höheren Anzahl an Datenpunkte ist die JSON-Lösung von BananaJoe wahrscheinlich besser, wenn du alles in einer Tabelle behalten möchtest,
                      außer du teilst es auf mehrere widgets auf.

                      Meine Adapter und Widgets
                      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                      Links im Profil

                      1 Reply Last reply
                      1
                      • metaxaM metaxa

                        @paul53 sagte in Einfache Tabelle in VIS mit Daten füllen:

                        Die CPU langweilt sich damit.

                        :blush: Dann werde ich mich mal versuchen, danke fürs Mut zusprechen!

                        metaxaM Offline
                        metaxaM Offline
                        metaxa
                        wrote on last edited by metaxa
                        #13

                        @metaxa sagte in Einfache Tabelle in VIS mit Daten füllen:

                        @paul53 sagte in Einfache Tabelle in VIS mit Daten füllen:

                        Die CPU langweilt sich damit.

                        Wie oft ändern sich die Werte in den Datenpunkten?

                        Bei 25 DP und einer eingestellten Telemetrie von 60 Sekunden sind das im schlimmsten Falle 25 Änderungen innerhalb 60 Sekunden, oft aber auch nur Bruchteile von Sekunden wahrscheinlich.

                        1 Reply Last reply
                        0
                        • metaxaM metaxa

                          @oliverio sagte in Einfache Tabelle in VIS mit Daten füllen:

                          as wie ein Platzhalter vorstellen, an dessen stelle dann der Inhalt des Datenpunkts eingetragen wird.

                          Danke! Das wird eine größere Tabelle mit z.B. aktuellen Stromverbraucher heute/gestern/diesen Monat vielleicht auch mit Kosten (alles aus sourceanalytix) doch deutlich einschränken.

                          Auf der anderen Seite ein dynamisches Blockly oder JS wie von @BananaJoe beschrieben wird wohl auch sehr viel Rechnerleistung binden.

                          BananaJoeB Offline
                          BananaJoeB Offline
                          BananaJoe
                          Most Active
                          wrote on last edited by
                          #14

                          @metaxa sagte in Einfache Tabelle in VIS mit Daten füllen:

                          Auf der anderen Seite ein dynamisches Blockly oder JS wie von @BananaJoe beschrieben wird wohl auch sehr viel Rechnerleistung binden.

                          Kosta fast garnix! Ne im Ernst, bei mir laufen so viele Skripte (für jedes Tasmota-Gerät ein eigenes) da fällt das hier gar nicht auf

                          ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 10 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV APC 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                          metaxaM 1 Reply Last reply
                          0
                          • BananaJoeB BananaJoe

                            @metaxa sagte in Einfache Tabelle in VIS mit Daten füllen:

                            Auf der anderen Seite ein dynamisches Blockly oder JS wie von @BananaJoe beschrieben wird wohl auch sehr viel Rechnerleistung binden.

                            Kosta fast garnix! Ne im Ernst, bei mir laufen so viele Skripte (für jedes Tasmota-Gerät ein eigenes) da fällt das hier gar nicht auf

                            metaxaM Offline
                            metaxaM Offline
                            metaxa
                            wrote on last edited by
                            #15

                            @bananajoe sagte in Einfache Tabelle in VIS mit Daten füllen:

                            Kosta fast garnix!

                            Kannst du mir als Anhaltspunkt dein Blockly zur händischen JSON Erstellung zeigen? Wie du das ungefähr gemacht hast? Ich raufe hier mit "Erstelle Liste" "Konvertiere zu JSON" Nutze "......"
                            a0cb7cd6-bc07-4bdb-935a-7c0143bff498-image.png

                            J 1 Reply Last reply
                            0
                            • metaxaM metaxa

                              @bananajoe sagte in Einfache Tabelle in VIS mit Daten füllen:

                              Kosta fast garnix!

                              Kannst du mir als Anhaltspunkt dein Blockly zur händischen JSON Erstellung zeigen? Wie du das ungefähr gemacht hast? Ich raufe hier mit "Erstelle Liste" "Konvertiere zu JSON" Nutze "......"
                              a0cb7cd6-bc07-4bdb-935a-7c0143bff498-image.png

                              J Offline
                              J Offline
                              jan_xx
                              wrote on last edited by jan_xx
                              #16

                              @all
                              danke für die vielen Rückmeldungen, ich werde mich am Wochenende mal damit auseinandersetzen.
                              Eine Frage noch zu o.g. Beschreibung von BananaJoe, wenn ich anstatt der statischen Werte die Datenpunkte haben möchte schreibe ich was genau als Syntax?

                              so in etwa?
                              "Raum":"Raum 1",
                              "Wert1":hm-rpc.1.IEQ053xxxx.1.VALUE,

                              J 1 Reply Last reply
                              0
                              • J jan_xx

                                @all
                                danke für die vielen Rückmeldungen, ich werde mich am Wochenende mal damit auseinandersetzen.
                                Eine Frage noch zu o.g. Beschreibung von BananaJoe, wenn ich anstatt der statischen Werte die Datenpunkte haben möchte schreibe ich was genau als Syntax?

                                so in etwa?
                                "Raum":"Raum 1",
                                "Wert1":hm-rpc.1.IEQ053xxxx.1.VALUE,

                                J Offline
                                J Offline
                                jan_xx
                                wrote on last edited by jan_xx
                                #17

                                @jan_xx
                                also ich komme hier nicht weiter, könnte mich bitte jemand beim urschleim abholen,
                                ich weiß nicht wo ich was eingeben muss, ich stehe hier völlig auf der Leitung.
                                Auch mit dem json bekomme ich nicht hin, was muss denn wo rein damit ich überhaupt erstmal etwas sehe?

                                das ist alles was ich bis jetz hin bekommen habe
                                 <thead>
                                        <tr>
                                          <th></th>
                                          <th>Spalte 1</th>
                                          <th>Spalte2</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                          <th>Wert1</th>
                                          <td>aa </td>
                                          <td>150</td>
                                        </tr>
                                        <tr>
                                          <th>Wert2</th>
                                          <td>50</td>
                                          <td>100</td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                          <th>Wert3</th>
                                          <td>150</td>
                                          <td>250</td>
                                        </tr>
                                        <tr>
                                          <td colspan="3">Ende der Tabelle.</td>
                                        </tr>
                                    </tfoot>
                                

                                jetzt würde ich aber noch gerne zum Beispiel bei aa einen Wert aus den Objekten wiedergeben?

                                J 1 Reply Last reply
                                0
                                • J jan_xx

                                  @jan_xx
                                  also ich komme hier nicht weiter, könnte mich bitte jemand beim urschleim abholen,
                                  ich weiß nicht wo ich was eingeben muss, ich stehe hier völlig auf der Leitung.
                                  Auch mit dem json bekomme ich nicht hin, was muss denn wo rein damit ich überhaupt erstmal etwas sehe?

                                  das ist alles was ich bis jetz hin bekommen habe
                                   <thead>
                                          <tr>
                                            <th></th>
                                            <th>Spalte 1</th>
                                            <th>Spalte2</th>
                                          </tr>
                                      </thead>
                                      <tbody>
                                          <tr>
                                            <th>Wert1</th>
                                            <td>aa </td>
                                            <td>150</td>
                                          </tr>
                                          <tr>
                                            <th>Wert2</th>
                                            <td>50</td>
                                            <td>100</td>
                                          </tr>
                                      </tbody>
                                      <tfoot>
                                          <tr>
                                            <th>Wert3</th>
                                            <td>150</td>
                                            <td>250</td>
                                          </tr>
                                          <tr>
                                            <td colspan="3">Ende der Tabelle.</td>
                                          </tr>
                                      </tfoot>
                                  

                                  jetzt würde ich aber noch gerne zum Beispiel bei aa einen Wert aus den Objekten wiedergeben?

                                  J Offline
                                  J Offline
                                  jan_xx
                                  wrote on last edited by
                                  #18

                                  @jan_xx
                                  erste erfolge, ich habe einen Wert der angezeigt wird:+1: :blush:

                                   <thead>
                                          <tr>
                                            <th></th>
                                            <th>Spalte 1</th>
                                            <th>Spalte2</th>
                                          </tr>
                                      </thead>
                                      <tbody>
                                          <tr>
                                            <th>Wert1</th>
                                            <td>{mqtt.0.vedirect.0.V}Volt </td>
                                            <td>150</td>
                                          </tr>
                                          <tr>
                                            <th>Wert2</th>
                                            <td>50</td>
                                            <td>100</td>
                                          </tr>
                                      </tbody>
                                      <tfoot>
                                          <tr>
                                            <th>Wert3</th>
                                            <td>150</td>
                                            <td>250</td>
                                          </tr>
                                          <tr>
                                            <td colspan="3">Ende der Tabelle.</td>
                                          </tr>
                                      </tfoot>
                                  
                                  1 Reply Last reply
                                  1
                                  • OliverIOO Offline
                                    OliverIOO Offline
                                    OliverIO
                                    wrote on last edited by
                                    #19

                                    @jan_xx
                                    Dann hab ich mein Beispiel wohl nicht gut genug erklärt, wenn es eine Überraschung für dich ist

                                    Meine Adapter und Widgets
                                    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                                    Links im Profil

                                    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

                                    270

                                    Online

                                    32.7k

                                    Users

                                    82.6k

                                    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