Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  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.6k

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

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

HTML Tabelle für Shelly Device Übersicht

Geplant Angeheftet Gesperrt Verschoben Visualisierung
261 Beiträge 13 Kommentatoren 42.5k Aufrufe 16 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #52

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

          liv-in-skyL 1 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              1
              • Holger EtzelH Offline
                Holger EtzelH Offline
                Holger Etzel
                schrieb am zuletzt editiert von
                #55

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

                liv-in-skyL 1 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #58

                      @holger-etzel
                      dein html-widget definiert die gesamtbreite

                      Holger EtzelH 1 Antwort Letzte Antwort
                      0
                      • D dos1973

                        @holger-etzel
                        dein html-widget definiert die gesamtbreite

                        Holger EtzelH Offline
                        Holger EtzelH Offline
                        Holger Etzel
                        schrieb am zuletzt editiert von
                        #59

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

                        1 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #62

                              @dos1973

                              es gibt jetzt im ersten post ein update - mit umrandung button einstellbar und anzeige der aktiven im bezug zu allen

                              die symbole für on-offline künnen hier eingestellt werden - einfach ein symbol (emoji) in das array

                              Image 3.png
                              Image 2.png

                              es gibt da neue settings, daher aufpassen beim kopieren der alten settings

                              das mit der scrollbaren tabelle und dem stehenbleiben der ersten zeile klappt bis jetzt noch nicht - weiß nicht, ob ich das noch machen werde

                              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 Antwort Letzte Antwort
                              0
                              • liv-in-skyL liv-in-sky

                                @dos1973

                                es gibt jetzt im ersten post ein update - mit umrandung button einstellbar und anzeige der aktiven im bezug zu allen

                                die symbole für on-offline künnen hier eingestellt werden - einfach ein symbol (emoji) in das array

                                Image 3.png
                                Image 2.png

                                es gibt da neue settings, daher aufpassen beim kopieren der alten settings

                                das mit der scrollbaren tabelle und dem stehenbleiben der ersten zeile klappt bis jetzt noch nicht - weiß nicht, ob ich das noch machen werde

                                D Offline
                                D Offline
                                dos1973
                                schrieb am zuletzt editiert von dos1973
                                #63

                                @liv-in-sky
                                erstmal Danke für deine Mühe... das mit der ersten Zeile ist noch nicht ganz optimal... ich hatte das zwar angeregt, aber wenns zu kompliziert und aufwändig ist... dann würde ich es weglassen.

                                aber der Rest 1A!! vor allem das zählen der Shelly!
                                Klasse und Danke.

                                Fehler:
                                das ist mir aufgefallen, geht nicht mehr

                                //ÜBERSCHRIFT SPALTEN - OBERSTE ZEILE IN TAB
                                const UeberSchriftHoehe="145"; 
                                

                                Edit:
                                ist noch Platz für Verbessungsideen ?;-)

                                liv-in-skyL 2 Antworten Letzte Antwort
                                0
                                • D dos1973

                                  @liv-in-sky
                                  erstmal Danke für deine Mühe... das mit der ersten Zeile ist noch nicht ganz optimal... ich hatte das zwar angeregt, aber wenns zu kompliziert und aufwändig ist... dann würde ich es weglassen.

                                  aber der Rest 1A!! vor allem das zählen der Shelly!
                                  Klasse und Danke.

                                  Fehler:
                                  das ist mir aufgefallen, geht nicht mehr

                                  //ÜBERSCHRIFT SPALTEN - OBERSTE ZEILE IN TAB
                                  const UeberSchriftHoehe="145"; 
                                  

                                  Edit:
                                  ist noch Platz für Verbessungsideen ?;-)

                                  liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  schrieb am zuletzt editiert von
                                  #64

                                  @dos1973

                                  bessere ich nach:

                                  ersetze mal diese zeile (um die zeile 118):

                                  let htmlTabUeber4="<tr style=\" font-family:"+htmlSchriftart+" ; height:"+UeberSchriftHoehe+"px; color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \">";
                                  

                                  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 Antwort Letzte Antwort
                                  0
                                  • D dos1973

                                    @liv-in-sky
                                    erstmal Danke für deine Mühe... das mit der ersten Zeile ist noch nicht ganz optimal... ich hatte das zwar angeregt, aber wenns zu kompliziert und aufwändig ist... dann würde ich es weglassen.

                                    aber der Rest 1A!! vor allem das zählen der Shelly!
                                    Klasse und Danke.

                                    Fehler:
                                    das ist mir aufgefallen, geht nicht mehr

                                    //ÜBERSCHRIFT SPALTEN - OBERSTE ZEILE IN TAB
                                    const UeberSchriftHoehe="145"; 
                                    

                                    Edit:
                                    ist noch Platz für Verbessungsideen ?;-)

                                    liv-in-skyL Offline
                                    liv-in-skyL Offline
                                    liv-in-sky
                                    schrieb am zuletzt editiert von
                                    #65

                                    @dos1973 was für verbesserungen

                                    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 Antwort Letzte Antwort
                                    0
                                    • liv-in-skyL liv-in-sky

                                      @dos1973

                                      bessere ich nach:

                                      ersetze mal diese zeile (um die zeile 118):

                                      let htmlTabUeber4="<tr style=\" font-family:"+htmlSchriftart+" ; height:"+UeberSchriftHoehe+"px; color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \">";
                                      
                                      D Offline
                                      D Offline
                                      dos1973
                                      schrieb am zuletzt editiert von
                                      #66

                                      @liv-in-sky
                                      das repariert wieder die Überschrift...

                                      liv-in-skyL 1 Antwort Letzte Antwort
                                      0
                                      • D dos1973

                                        @liv-in-sky
                                        das repariert wieder die Überschrift...

                                        liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        schrieb am zuletzt editiert von
                                        #67

                                        @dos1973 jup

                                        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 Antwort Letzte Antwort
                                        0
                                        • liv-in-skyL liv-in-sky

                                          @dos1973 jup

                                          da_WoodyD Offline
                                          da_WoodyD Offline
                                          da_Woody
                                          schrieb am zuletzt editiert von da_Woody
                                          #68

                                          @liv-in-sky so, sortieren funzt in iQontrol jetzt auch! siehe hier
                                          so, noch ein bisschen rumgespielt. (schriftart, positionierung, farbe, ...) geht eigentlich kursiv auch? hab überall Garamond kursiv in iqontrol eingestellt...
                                          6128bcdb-81cc-4f3c-b029-34b7176440f7-grafik.png
                                          jetzt wirds pingelig, i know.
                                          bei der 2. tabelle sind die überschriften nicht umrahmt und mir würds gefallen, wenn rechts auch ein streifen wie links wäre. mit, oder ohne SHELLY. da geht die trennlinie in den rahmen über. 3f1c30f3-f4aa-4caa-9323-c95c865b3dec-grafik.png
                                          in der vergrösserung:
                                          1ef2f5c2-3a26-43dc-b0f7-e9e616bb670b-grafik.png
                                          stiefel da bei zeile 116 rum, find aber keinen weg nach der überschrift eine leerzeile einzufügen. klebt etwas zu sehr an der tabelle...

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

                                          D liv-in-skyL 2 Antworten Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          885

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe