NEWS
[HowTo](schnell erstellte) HTML Tabelle für VIS
-
bei dieser Anleitung geht es um die schnelle Erstellung einer HTML Tabelle mit Farbeinstellung für das eigene Farbschema.
Wollte kürzlich ein paar dp in der vis zeigen und hatte keine lust, aus all den anderen scripten das ganze css setting zu sammeln und zusammen zu kopieren. daher diese anleitung.
Nutzbar für die Anzeige von einer kleineren Anzahl von Datenpunkten
nätürlich kann auch ein Script erzeugt werden, das eine Schleife durch Datenpunkte durchläuft - Beispiel dafür: https://forum.iobroker.net/topic/48093/tabelle-covid-kennzahlen-bayernSchritt Tabellenerstellung 1 Generator auf https://netgrade.de/html-tabellen-generator/# aufrufen und Einstellungen tätigen. Noch ein paar mehr settings (zellen link, themes, rahmenfarbe) hat man hier (englisch): https://www.tablesgenerator.com/html_tables 2 um Fehler in der VIS zu vermeiden, muss alles unter <style>...</style> geändert werden, sonst gibt es einen Fehler - dieser Schritt muss gemacht werden - liegt am VIS-editor 3 geänderten code in ein HTML Standard Widget kopieren und die Widget ID wie im Bild gezeigt einfügen. Das Verhindert evtl. Überschneidungen bei den CSS settings. Im nächsten Post ist ein weiterer Hinweis, um das ganze auch immer wieder kopierbar zu machen. Anstatt der Widget ID (#w02445) einfach: #{wid} nutzen 4 jetzt die Werte eingeben, die angezeigt werden sollen 5 und nun die einzelnen Datenpunkte in einem binding ( {} ) -
vielen dank an @Glasfaser
wenn man im schritt 3 anstatt der widget id folgendes eintägt, kann man das widget auch immer wieder kopieren und neue werte eintragen
#{wid}
beispiel
-
@liv-in-sky said in [HowTo](schnell erstellte) HTML Tabelle für VIS:
und nun die einzelnen Datenpunkte in einem binding ( {} )
gibt es eine maximale Anzahl an Zeichen/Bindings die man nutzen darf?
Ab einer bestimmten Stelle (50 Bindings) werden bindings nicht mehr mit den Werten ersetzt -
da war vor kurzem ein post darüber - soweit ich mich erinnere ist da tatsächlich eine art beschränkung
-
-
evtl kannst du das ganze in einem blockly erstellen lassen und dann das html file in einen dp schreiben - erzeugt nur ein binding
oder du erstellst mit einem script ein json und lässt dies mit z.b. dem inventwo json widget anzeigen
-
@liv-in-sky
Danke, das werde ich machen