Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. HTML Tabelle für Shelly Device Übersicht

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

HTML Tabelle für Shelly Device Übersicht

Scheduled Pinned Locked Moved Visualisierung
261 Posts 13 Posters 41.9k Views 16 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.
  • da_WoodyD da_Woody

    @liv-in-sky hmm, hab das jetzt als wert definiert, DP eingebunden, voller bildschirm, sortieren funzt nicht.
    85327276-19b7-4d1a-b7a2-26b88d4f928b-grafik.png
    örgs, das mit sem sonoff script schau ich mich an! bin ja vorher erst über das da gestolpert... 😄

    liv-in-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    wrote on last edited by
    #42

    @da_woody versuche mal im script

    ca. zeile 51

    let mehrfachTabelle=2;   
    

    viellicht bekommst du dann mehr info auf die seite

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    da_WoodyD 1 Reply Last reply
    0
    • liv-in-skyL liv-in-sky

      @da_woody versuche mal im script

      ca. zeile 51

      let mehrfachTabelle=2;   
      

      viellicht bekommst du dann mehr info auf die seite

      da_WoodyD Offline
      da_WoodyD Offline
      da_Woody
      wrote on last edited by
      #43

      @liv-in-sky

      //HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 3 - es MÜSSEN in allen Arrays die GLEICHE Anzahl für die Werte sein
      
      let val=             ["dummy1","dummy2","dummy3","dummy4","dummy5","dummy6","dummy7"];             // GLEICHE ANZAHL !! HIER SIND DIE  WERTE, DIE IN DER SCHLEIFE GEFILTERET WERDEN -  jeder val[x] muss unten in der schleife gesetzt werden !!
      
      let Feld1lAlign=     ["left","center","center","left","center","left","left"];                     // GLEICHE ANZAHL !! AUSRICHTUNG IN DER SPALTE
      
      let htmlSpalte1Weite=["auto","auto","67","auto","auto","auto","auto"];                             // GLEICHE ANZAHL !! BREITE DER SPALTE, wenn nicht auto
      
      let htmlFeld=        ["NAME","IP","ONLINE","UPTIME","RSSI","ID","VERSION"];                        // GLEICHE ANZAHL !! NAME/ÜBERSCHRIFT DER SPALTE
      
      let schalterInSpaltenUeberschrift=[true,true,true,true,true,true,true];                            // WENN BUTTONS INSTALLIERT WERDEN - sonst false
      
      let symbolSchalter=               ["na","⇄","⇄"];   // SYMBOLE DER BUTTONS - standardmäßig sind die spaltennamen (htmlFeld) genutzt - werden im standard nicht genutzt
      
      
      

      zeile5 ist deine angesprochene zeile 51...

      gruß vom Woody
      HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

      liv-in-skyL 1 Reply Last reply
      0
      • da_WoodyD da_Woody

        @liv-in-sky

        //HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 3 - es MÜSSEN in allen Arrays die GLEICHE Anzahl für die Werte sein
        
        let val=             ["dummy1","dummy2","dummy3","dummy4","dummy5","dummy6","dummy7"];             // GLEICHE ANZAHL !! HIER SIND DIE  WERTE, DIE IN DER SCHLEIFE GEFILTERET WERDEN -  jeder val[x] muss unten in der schleife gesetzt werden !!
        
        let Feld1lAlign=     ["left","center","center","left","center","left","left"];                     // GLEICHE ANZAHL !! AUSRICHTUNG IN DER SPALTE
        
        let htmlSpalte1Weite=["auto","auto","67","auto","auto","auto","auto"];                             // GLEICHE ANZAHL !! BREITE DER SPALTE, wenn nicht auto
        
        let htmlFeld=        ["NAME","IP","ONLINE","UPTIME","RSSI","ID","VERSION"];                        // GLEICHE ANZAHL !! NAME/ÜBERSCHRIFT DER SPALTE
        
        let schalterInSpaltenUeberschrift=[true,true,true,true,true,true,true];                            // WENN BUTTONS INSTALLIERT WERDEN - sonst false
        
        let symbolSchalter=               ["na","⇄","⇄"];   // SYMBOLE DER BUTTONS - standardmäßig sind die spaltennamen (htmlFeld) genutzt - werden im standard nicht genutzt
        
        
        

        zeile5 ist deine angesprochene zeile 51...

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        wrote on last edited by
        #44

        @da_woody

        ich meine zeile 51

        aber du solltest erstmal chrome zum kopieren verwenden - firefox fügt immer zeilen ein !!!!!!!!!!!!!!

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        da_WoodyD 1 Reply Last reply
        0
        • liv-in-skyL liv-in-sky

          @da_woody

          ich meine zeile 51

          aber du solltest erstmal chrome zum kopieren verwenden - firefox fügt immer zeilen ein !!!!!!!!!!!!!!

          da_WoodyD Offline
          da_WoodyD Offline
          da_Woody
          wrote on last edited by
          #45

          @liv-in-sky hrnz, der browserwixx geht mir schon ... 😄
          ok, sieht besser aus. obwohl, auf der moni geht sich die breite nicht ganz aus...
          4240a14a-6985-4281-9808-d5522c965a08-grafik.png
          muss kurz weg, c ya l8er... thnx inzwischen...

          gruß vom Woody
          HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

          D 1 Reply Last reply
          0
          • da_WoodyD da_Woody

            @liv-in-sky hrnz, der browserwixx geht mir schon ... 😄
            ok, sieht besser aus. obwohl, auf der moni geht sich die breite nicht ganz aus...
            4240a14a-6985-4281-9808-d5522c965a08-grafik.png
            muss kurz weg, c ya l8er... thnx inzwischen...

            D Offline
            D Offline
            dos1973
            wrote on last edited by
            #46

            @liv-in-sky
            Nochmals ein Herzliches Danke, ist Klasse geworden.

            ich hätte noch 2-3 Wünsche, wenn das noch machbar wäre 😉

            fully-screenshot-5.png

            Überschrift: Könntest du für die Überschrift auch den Font einstellen oder dass er den Font der Tabelle nimmt, dann wäre es einheitlich.

            Überschrift: Muss diese Umrandung in der Überschrift sein?

            Überschrift ganz rechts bei (Version): könntest du die Shelly zählen und anzeigen, da würde mir gefallen (32/8)- soll heissen 32 online und 8 offline. Schriftfarbe wie die online und Offline konfigurierte Farbe?

            Tabelle: kannst du für die erste Spalte (Name) einen Padding-Left einstellen. Dann kann ich die Tabelle auf die ganze Breite setzen, aber es wirkt links nicht so gequetscht.

            Danke Dir.

            liv-in-skyL 3 Replies Last reply
            0
            • N Nordischerjung

              @liv-in-sky funktioniert, danke schön. Ich dachte nur, dass du das ja nicht extra meinetwegen so aufwendig machen musst.

              6575cf2a-875c-41e3-a206-8f1c18b4adb8-grafik.png

              D Offline
              D Offline
              dos1973
              wrote on last edited by
              #47

              @nordischerjung

              wie hast du denn die Farbigen icons beim Online Staus gemacht? - also das rote X und den grünen Haken?

              1 Reply Last reply
              0
              • D dos1973

                @liv-in-sky
                Nochmals ein Herzliches Danke, ist Klasse geworden.

                ich hätte noch 2-3 Wünsche, wenn das noch machbar wäre 😉

                fully-screenshot-5.png

                Überschrift: Könntest du für die Überschrift auch den Font einstellen oder dass er den Font der Tabelle nimmt, dann wäre es einheitlich.

                Überschrift: Muss diese Umrandung in der Überschrift sein?

                Überschrift ganz rechts bei (Version): könntest du die Shelly zählen und anzeigen, da würde mir gefallen (32/8)- soll heissen 32 online und 8 offline. Schriftfarbe wie die online und Offline konfigurierte Farbe?

                Tabelle: kannst du für die erste Spalte (Name) einen Padding-Left einstellen. Dann kann ich die Tabelle auf die ganze Breite setzen, aber es wirkt links nicht so gequetscht.

                Danke Dir.

                liv-in-skyL Offline
                liv-in-skyL Offline
                liv-in-sky
                wrote on last edited by
                #48

                @dos1973 das mit den symbolen bau ich ein - die kannst du dann oben definieren

                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                1 Reply Last reply
                1
                • D dos1973

                  @liv-in-sky
                  Nochmals ein Herzliches Danke, ist Klasse geworden.

                  ich hätte noch 2-3 Wünsche, wenn das noch machbar wäre 😉

                  fully-screenshot-5.png

                  Überschrift: Könntest du für die Überschrift auch den Font einstellen oder dass er den Font der Tabelle nimmt, dann wäre es einheitlich.

                  Überschrift: Muss diese Umrandung in der Überschrift sein?

                  Überschrift ganz rechts bei (Version): könntest du die Shelly zählen und anzeigen, da würde mir gefallen (32/8)- soll heissen 32 online und 8 offline. Schriftfarbe wie die online und Offline konfigurierte Farbe?

                  Tabelle: kannst du für die erste Spalte (Name) einen Padding-Left einstellen. Dann kann ich die Tabelle auf die ganze Breite setzen, aber es wirkt links nicht so gequetscht.

                  Danke Dir.

                  liv-in-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  wrote on last edited by
                  #49

                  @dos1973 sagte in HTML Tabelle für Shelly Device Übersicht:

                  Überschrift: Könntest du für die Überschrift auch den Font einstellen oder dass er den Font der Tabelle nimmt, dann wäre es einheitlich.
                  Überschrift: Muss diese Umrandung in der Überschrift sein?
                  Überschrift ganz rechts bei (Version): könntest du die Shelly zählen und anzeigen, da würde mir gefallen (32/8)- soll heissen 32 online und 8 offline. Schriftfarbe wie die online und Offline konfigurierte Farbe?
                  Tabelle: kannst du für die erste Spalte (Name) einen Padding-Left einstellen. Dann kann ich die Tabelle auf die ganze Breite setzen, aber es wirkt links nicht so gequetscht.

                  1:geht klar (sollte eigentlich so sein - da war ein fehler drin)
                  2: das sind buttons - daher dacht ich, es soll sichtbar sein - kann aber im nächsten update im setting eingestellt werden
                  3: muß ich nachsehen - das erstellen der überschriften ist schon vorbei, wenn die anzahl feststellt - da muss ich das script umbauen - ist komplizierter, als man denken möchte
                  4: muss ich mal überlegen - das sind tiefe einstellungen des tabellenaufbaus - da würde ich ungern wieder etwas ändern

                  mal sehen was am wochenende alles geht

                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                  1 Reply Last reply
                  1
                  • D dos1973

                    @liv-in-sky

                    Ich glaube das geht nicht, Frage aber trotzdem... ich muss scrollen aufgrund der Anzahl.

                    Lässt sich die oberste Zeile / Überschrift irgendwie fixieren?

                    D Offline
                    D Offline
                    dos1973
                    wrote on last edited by
                    #50

                    @dos1973 sagte in HTML Tabelle für Shelly Device Übersicht:

                    @liv-in-sky

                    Ich glaube das geht nicht, Frage aber trotzdem... ich muss scrollen aufgrund der Anzahl.

                    Lässt sich die oberste Zeile / Überschrift irgendwie fixieren?

                    ist zwar nicht die feine Art, 🙂
                    aber ich habe einfach im VIS 2x das HTML Widget plaziert. die eine Tabelle ist nur 40px hoch und überlagert die untere - die untere scrollt dann unter die andere.... Ach schwer zu erklären,
                    das Ergebnis ist eben dass die erste Zeile damit immer sichtbar/ fixiert bleibt

                    liv-in-skyL 1 Reply Last reply
                    0
                    • D dos1973

                      @dos1973 sagte in HTML Tabelle für Shelly Device Übersicht:

                      @liv-in-sky

                      Ich glaube das geht nicht, Frage aber trotzdem... ich muss scrollen aufgrund der Anzahl.

                      Lässt sich die oberste Zeile / Überschrift irgendwie fixieren?

                      ist zwar nicht die feine Art, 🙂
                      aber ich habe einfach im VIS 2x das HTML Widget plaziert. die eine Tabelle ist nur 40px hoch und überlagert die untere - die untere scrollt dann unter die andere.... Ach schwer zu erklären,
                      das Ergebnis ist eben dass die erste Zeile damit immer sichtbar/ fixiert bleibt

                      liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      wrote on last edited by
                      #51

                      @dos1973 könnte evtl zu problemen führen - die scripte, die in den tabellen "drin" sind - sind jetzt doppelt in der vis - könnte sein., dass das sortieren "rumspinnt"

                      meine ersten versuche das nachzubilden sind leider noch nicht erfolgreich - evtl muss ich es aber so wie du es gemacht hast, auch im script machen - also 2 tabellen untereinander anlegen, die dann wie eine aussieht - die einstellungn dafür überschneiden sich mit meinen definitionen - ist etwas schwierig das zu integrieren

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      D 1 Reply Last reply
                      0
                      • liv-in-skyL liv-in-sky

                        @dos1973 könnte evtl zu problemen führen - die scripte, die in den tabellen "drin" sind - sind jetzt doppelt in der vis - könnte sein., dass das sortieren "rumspinnt"

                        meine ersten versuche das nachzubilden sind leider noch nicht erfolgreich - evtl muss ich es aber so wie du es gemacht hast, auch im script machen - also 2 tabellen untereinander anlegen, die dann wie eine aussieht - die einstellungn dafür überschneiden sich mit meinen definitionen - ist etwas schwierig das zu integrieren

                        D Offline
                        D Offline
                        dos1973
                        wrote on last edited by
                        #52

                        @liv-in-sky
                        also bisher habe ich nicht "fehlehaftes" wahrnehmen können...

                        liv-in-skyL 1 Reply Last reply
                        0
                        • D dos1973

                          @liv-in-sky
                          also bisher habe ich nicht "fehlehaftes" wahrnehmen können...

                          liv-in-skyL Offline
                          liv-in-skyL Offline
                          liv-in-sky
                          wrote on last edited by
                          #53

                          @dos1973 ich weiß leider nicht genau, wie die gültigkeit von scripten in der ganzen view ist. gilt ein script nur in dem widget oder gilt es überall - aber wenn es funktioniert ist ja erstmal gut

                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                          1 Reply Last reply
                          0
                          • liv-in-skyL Offline
                            liv-in-skyL Offline
                            liv-in-sky
                            wrote on last edited by
                            #54

                            hab euch nicht vergessen - habe nur wenig zeit und etwas fortschritt gibt es auch schon - muss abe rviel am script ändern - dauert noch etwas

                            AApossis (14).gif

                            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                            D 1 Reply Last reply
                            1
                            • Holger EtzelH Offline
                              Holger EtzelH Offline
                              Holger Etzel
                              wrote on last edited by
                              #55

                              Hallo,
                              wo wird die Tabellenbreite und die Lage der Tabelle eingestellt?

                              liv-in-skyL 1 Reply Last reply
                              0
                              • Holger EtzelH Holger Etzel

                                Hallo,
                                wo wird die Tabellenbreite und die Lage der Tabelle eingestellt?

                                liv-in-skyL Offline
                                liv-in-skyL Offline
                                liv-in-sky
                                wrote on last edited by
                                #56

                                @holger-etzel die breite unter "weite" und die lage bestimmst du durch die lage des html-standard widgets

                                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                Holger EtzelH 1 Reply Last reply
                                0
                                • liv-in-skyL liv-in-sky

                                  @holger-etzel die breite unter "weite" und die lage bestimmst du durch die lage des html-standard widgets

                                  Holger EtzelH Offline
                                  Holger EtzelH Offline
                                  Holger Etzel
                                  wrote on last edited by
                                  #57

                                  @liv-in-sky
                                  Habe ich auch so gedacht, aber wenn ich da die Werte ändere bleibt die Tabelle in der VIS immer gleich ???

                                  D 1 Reply Last reply
                                  0
                                  • Holger EtzelH Holger Etzel

                                    @liv-in-sky
                                    Habe ich auch so gedacht, aber wenn ich da die Werte ändere bleibt die Tabelle in der VIS immer gleich ???

                                    D Offline
                                    D Offline
                                    dos1973
                                    wrote on last edited by
                                    #58

                                    @holger-etzel
                                    dein html-widget definiert die gesamtbreite

                                    Holger EtzelH 1 Reply Last reply
                                    0
                                    • D dos1973

                                      @holger-etzel
                                      dein html-widget definiert die gesamtbreite

                                      Holger EtzelH Offline
                                      Holger EtzelH Offline
                                      Holger Etzel
                                      wrote on last edited by
                                      #59

                                      @dos1973
                                      habe es hin bekommen.
                                      Habe im Skript die Einstellungen "auto" gegen Zahlenwerte ersetzt.

                                      1 Reply Last reply
                                      0
                                      • liv-in-skyL liv-in-sky

                                        hab euch nicht vergessen - habe nur wenig zeit und etwas fortschritt gibt es auch schon - muss abe rviel am script ändern - dauert noch etwas

                                        AApossis (14).gif

                                        D Offline
                                        D Offline
                                        dos1973
                                        wrote on last edited by
                                        #60

                                        @liv-in-sky
                                        wäre es ggfs einfacher die Buttons also die Sortierung ausserhalb der Tabelle als DP zu erstellen? nur als Denkansatz...

                                        liv-in-skyL 1 Reply Last reply
                                        0
                                        • D dos1973

                                          @liv-in-sky
                                          wäre es ggfs einfacher die Buttons also die Sortierung ausserhalb der Tabelle als DP zu erstellen? nur als Denkansatz...

                                          liv-in-skyL Offline
                                          liv-in-skyL Offline
                                          liv-in-sky
                                          wrote on last edited by
                                          #61

                                          @dos1973

                                          das abspalten der überschriften würde schon funktionieren - aber sinn und zweck dieser tabelle ist eigentlich, so einfach wie möglich die tabelle in die vis einzubinden. also keine zwei widgets oder mehr. habe ich bei ein paar anderen tabellen - nervt mich aber persönlich, weil es nicht schön aussieht

                                          natürlich könnten wir es hier, für diese tabelle, so machen - aber ich entwickle ja ein template, welches ich immer wieder verwenden möchte - daher denke ich immer allgemein und versuche das template zu verbessern. mit etwas zeit werde ich schon noch die richtige formel finden.

                                          mittlerweile habe ich im template so viel geändert, damit das mit dem scrollen funktioniert, dass ich das fertigbekommen will. auch wenn man das denken könnte - aber ich bin kein html programmierer - ich muss durch viel ausprobieren und google suche die ganzen html sachen erstmal kapieren und dann das ganze im script verarbeiten.

                                          alles wird gut 🙂

                                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                          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

                                          641

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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