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. Skripten / Logik
  4. JavaScript
  5. gelöst-suche hilfe bei tabelle mit scroll im tbody

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

gelöst-suche hilfe bei tabelle mit scroll im tbody

Geplant Angeheftet Gesperrt Verschoben JavaScript
javascript
25 Beiträge 2 Kommentatoren 1.9k Aufrufe 2 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.
  • OliverIOO OliverIO

    @liv-in-sky

    Hab mal gerade im Internet gesucht.
    und Beispiele gefunden, welches ich nach jsfiddle kopiert habe

    https://jsfiddle.net/oweitman/8xcj0mqu/

    wichtig ist wohl, das jede Zelle (th's und alle td's eine Breitenangabe bekommen, sonst haben die Zellen in den unterschiedlichen Zeilen unterschiedliche Breiten.
    Simulieren kannst du das, indem du bei css das td in xtd änderst. dadurch gilt die Breitenangabe nicht mehr für die td's.
    Wenn du fr jede Spalte unterschiedliche Breiten haben willst, dann solltest du für jede Spalte eine eigene css-Klasse definieren.
    Hast du ja mit mythclass0... auch schon gemacht.

    Kannst du mal direkt das HTML-Ergebnis kopieren. Das Skript kann ich so nicht laufen lassen. Da ich kein shelly habe.
    Kopieren kannst du am besten wie folgt:

    im Browser in deine Tabelle rechts klicken und "Untersuchen" auswählen.
    Dann im öffnenden Fenster das komplette HTML kopieren und hier in code-Tags einfgen. Aus dem Code sehe ich, das du das als eigenständige Seite anzeigen lässt.

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

    @oliverio

    das ist der html code

    <style> .fixedHeader {    table-layout: fixed; width: 1045px;   height: 40px; border-bottom: 1px solid blue; } .scrollContent { display: block;  width:1045px; height: 400px;  overflow-y: scroll;   } .tableContainer { background-color: #8E898A; overflow:hidden;  } .tablezusatz { table-layout: fixed;  border:1px;  width: 1045px; color:#CBCBCA;  font-size:16px;font-family:Ubuntu-Regular; background-image: linear-gradient(150deg,#5590CA 15%,blue 50%); } .mythclass0 { width:210px; border-spacing: 0px; padding: 0px; } .mythclass1 { width:110px;  } .mythclass2 { width:95px;  } .mythclass3 { width:120px; } .mythclass4 { width:65px;  } .mythclass5 { width:150px; } .myclasstr_uber_spalte { font-family:Ubuntu-Regular; height:40px; color:white; font-size: 16px; font-weight: normal; border-bottom: 1px solid blue} .myclassueber_spalte_button     {color:white} .myclassueber_spalte_ohne_button{color:white} .myclasstr_gerade{background-color:#151515 ; padding: 0px;} .myclasstr_ungerade{ background-color:#000000 ; padding: 0px;} .myclasstd_normal{} .myclasstd_trennungslinie{} .thescroller::-webkit-scrollbar {width: 0px; }</style><center><table<p style="color:white; font-family:Ubuntu-Regular; font-size: 18px; font-weight:normal">Shelly Übersicht&ensp;&ensp;Last Update: 19:45:00</p><div class="tableContainer" ><table class="tablezusatz" rules="cols"><thead class="fixedHeader"><tr class="myclasstr_uber_spalte"><th class="mythclass0 myclassueber_spalte_button"  ><button id="myButtShellyTabelleVIS" style=" border-radius: 4px; border:0px solid; background-color: transparent; color: white; font-family:Ubuntu-Regular; font-size:1em; text-align:left value="toggle" onclick="setOnOtherValue('javascript.0.Tabellen@Liv.ShellyTabelleVIS.Spalte0')">NAME</button></th><th class="mythclass1 myclassueber_spalte_button"  ><button id="myButtShellyTabelleVIS" style=" border-radius: 4px; border:0px solid; background-color: transparent; color: white; font-family:Ubuntu-Regular; font-size:1em; text-align:left value="toggle" onclick="setOnOtherValue('javascript.0.Tabellen@Liv.ShellyTabelleVIS.Spalte1')">IP</button></th><th class="mythclass2 myclassueber_spalte_button"  ><button id="myButtShellyTabelleVIS" style=" border-radius: 4px; border:0px solid; background-color: transparent; color: white; font-family:Ubuntu-Regular; font-size:1em; text-align:left value="toggle" onclick="setOnOtherValue('javascript.0.Tabellen@Liv.ShellyTabelleVIS.Spalte2')">ONLINE</button></th><th class="mythclass3 myclassueber_spalte_button"  ><button id="myButtShellyTabelleVIS" style=" border-radius: 4px; border:0px solid; background-color: transparent; color: white; font-family:Ubuntu-Regular; font-size:1em; text-align:left value="toggle" onclick="setOnOtherValue('javascript.0.Tabellen@Liv.ShellyTabelleVIS.Spalte3')">UPTIME</button></th><th class="mythclass4 myclassueber_spalte_button"  ><button id="myButtShellyTabelleVIS" style=" border-radius: 4px; border:0px solid; background-color: transparent; color: white; font-family:Ubuntu-Regular; font-size:1em; text-align:left value="toggle" onclick="setOnOtherValue('javascript.0.Tabellen@Liv.ShellyTabelleVIS.Spalte4')">RSSI</button></th><th class="mythclass5 myclassueber_spalte_button"  ><button id="myButtShellyTabelleVIS" style=" border-radius: 4px; border:0px solid; background-color: transparent; color: white; font-family:Ubuntu-Regular; font-size:1em; text-align:left value="toggle" onclick="setOnOtherValue('javascript.0.Tabellen@Liv.ShellyTabelleVIS.Spalte5')">ID</button></th><th class="mythclass6 myclassueber_spalte_button"  ><button id="myButtShellyTabelleVIS" style=" border-radius: 4px; border:0px solid; background-color: transparent; color: white; font-family:Ubuntu-Regular; font-size:1em; text-align:left value="toggle" onclick="setOnOtherValue('javascript.0.Tabellen@Liv.ShellyTabelleVIS.Spalte6')">VERSION</button></th></tr></thead><tbody class="scrollContent thescroller"> <tr class="myclasstr_gerade"><td style="width:210px" align=left><font color="#5590CA"> --- </font></td><td style="width:110px" align=center><font color="#5590CA">10.10.10.0</font></td><td style="width:95px" align=center><font color="#5590CA">&cross;</font></td><td style="width:120px" align=center><font color="#5590CA">00:00:19</font></td><td style="width:65px" align=center><font color="#5590CA">-62 dB</font></td><td style="width:150px" align=left><font color="#5590CA">shellybutton1</font></td><td style="width:5px" align=left><font color="#5590CA">20201210-145729/?@47dcf392/wjn4949494949494</font></td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left><font color="#5590CA"> --- </font></td><td style="width:110px" align=center><font color="#5590CA">10.10.10.26</font></td><td style="width:95px" align=center><font color="#5590CA">&cross;</font></td><td style="width:120px" align=center><font color="#5590CA">00:05:44</font></td><td style="width:65px" align=center><font color="#5590CA">-56 dB</font></td><td style="width:150px" align=left><font color="#5590CA">ShellyVintage</font></td><td style="width:5px" align=left><font color="#5590CA">20191216-140157/???</font></td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left><font color="#5590CA"> --- </font></td><td style="width:110px" align=center><font color="#5590CA">10.10.10.27</font></td><td style="width:95px" align=center><font color="#5590CA">&cross;</font></td><td style="width:120px" align=center><font color="#5590CA">00:05:43</font></td><td style="width:65px" align=center><font color="#5590CA">-58 dB</font></td><td style="width:150px" align=left><font color="#5590CA">ShellyVintage</font></td><td style="width:5px" align=left><font color="#5590CA">20191216-140157/???</font></td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Leinwand L3</td><td style="width:110px" align=center>10.15.1.2</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>03:07:56 +14D</td><td style="width:65px" align=center>-50 dB</td><td style="width:150px" align=left>shellycolorbulb</td><td style="width:5px" align=left>20210122-154226/v1.10.0-rc1@00eeaa9b</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>Leinwand L2</td><td style="width:110px" align=center>10.11.12.3</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>03:08:15 +14D</td><td style="width:65px" align=center>-46 dB</td><td style="width:150px" align=left>shellycolorbulb</td><td style="width:5px" align=left>20210122-154226/v1.10.0-rc1@00eeaa9b</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Leinwand L4</td><td style="width:110px" align=center>10.12.12.3</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>00:45:41 +14D</td><td style="width:65px" align=center>-55 dB</td><td style="width:150px" align=left>shellycolorbulb</td><td style="width:5px" align=left>20210107-122133/1.9_GU10_RGBW@07531e29</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>Leinwand L1</td><td style="width:110px" align=center>10.13.12.3</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>03:08:03 +14D</td><td style="width:65px" align=center>-54 dB</td><td style="width:150px" align=left>shellycolorbulb</td><td style="width:5px" align=left>20210122-154226/v1.10.0-rc1@00eeaa9b</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Shelly Motion</td><td style="width:110px" align=center>10.10.10.5</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>01:13:59 +2D</td><td style="width:65px" align=center>-58 dB</td><td style="width:150px" align=left>shellymotionsensor</td><td style="width:5px" align=left>20210226-072307/v1.1.0@f31e1d2b</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>Shelly PlugS 2</td><td style="width:110px" align=center>10.10.10.6</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>19:56:18 +6D</td><td style="width:65px" align=center>-72 dB</td><td style="width:150px" align=left>shellyplug-s</td><td style="width:5px" align=left>20210201-180007/1.9.5-rc1@eff8f8e8</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Plug S  Kühlschrank</td><td style="width:110px" align=center>10.10.10.7</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>06:42:03 +5D</td><td style="width:65px" align=center>-69 dB</td><td style="width:150px" align=left>shellyplug-s</td><td style="width:5px" align=left>20210201-180007/1.9.5-rc1@eff8f8e8</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>Sideboard</td><td style="width:110px" align=center>10.10.10.8</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>05:30:49 +17D</td><td style="width:65px" align=center>-72 dB</td><td style="width:150px" align=left>shelly1</td><td style="width:5px" align=left>20210201-175310/1.9.5-rc1@eff8f8e8</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Tablet laden</td><td style="width:110px" align=center>10.10.10.9</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>05:30:32 +17D</td><td style="width:65px" align=center>-52 dB</td><td style="width:150px" align=left>shelly1</td><td style="width:5px" align=left>20210201-175310/1.9.5-rc1@eff8f8e8</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>XXX2</td><td style="width:110px" align=center>10.10.10.10</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>06:35:34 +1D</td><td style="width:65px" align=center>-62 dB</td><td style="width:150px" align=left>shellyswitch25</td><td style="width:5px" align=left>20210303-085536/v1.10.0-rc2-153-gd87589bc6-master</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Kino LW Maskierung</td><td style="width:110px" align=center>10.10.10.11</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>08:01:25 +17D</td><td style="width:65px" align=center>-53 dB</td><td style="width:150px" align=left>shellyswitch25</td><td style="width:5px" align=left>20210131-113247/release-1.9@daab228d+</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>Duschbad</td><td style="width:110px" align=center>10.10.10.12</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>00:39:24</td><td style="width:65px" align=center>-70 dB</td><td style="width:150px" align=left>shellyswitch25</td><td style="width:5px" align=left>20210304-132323/v1.10.0-rc2-158-ge6f231958-master</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Wohnzimmer Lichtschalter</td><td style="width:110px" align=center>10.10.10.13</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>02:12:32 +18D</td><td style="width:65px" align=center>-72 dB</td><td style="width:150px" align=left>shellyswitch25</td><td style="width:5px" align=left>20210131-113247/release-1.9@daab228d+</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>WZ-Rollo-links</td><td style="width:110px" align=center>10.10.10.14</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>00:41:10</td><td style="width:65px" align=center>-46 dB</td><td style="width:150px" align=left>shellyswitch25</td><td style="width:5px" align=left>20210304-132323/v1.10.0-rc2-158-ge6f231958-master</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>WZ-Rollo-rechts-Tür</td><td style="width:110px" align=center>10.10.10.15</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>20:33:40</td><td style="width:65px" align=center>-56 dB</td><td style="width:150px" align=left>shellyswitch25</td><td style="width:5px" align=left>20210303-085536/v1.10.0-rc2-153-gd87589bc6-master</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>Kino Leinwand</td><td style="width:110px" align=center>10.10.10.16</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>02:18:33 +18D</td><td style="width:65px" align=center>-58 dB</td><td style="width:150px" align=left>shellyswitch25</td><td style="width:5px" align=left>20210131-113247/release-1.9@daab228d+</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left> --- </td><td style="width:110px" align=center>10.10.10.17</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>14:00:59</td><td style="width:65px" align=center>-73 dB</td><td style="width:150px" align=left>shellyswitch25</td><td style="width:5px" align=left>20210129-101418/sdk3.0@0c8d3ddf+</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>Badezimmer</td><td style="width:110px" align=center>10.10.10.18</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>00:41:12</td><td style="width:65px" align=center>-61 dB</td><td style="width:150px" align=left>shellyswitch25</td><td style="width:5px" align=left>20210304-132323/v1.10.0-rc2-158-ge6f231958-master</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Daniel Rolladen</td><td style="width:110px" align=center>10.10.10.19</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>19:28:39 +19D</td><td style="width:65px" align=center>-48 dB</td><td style="width:150px" align=left>shellyswitch25</td><td style="width:5px" align=left>20210131-113247/release-1.9@daab228d+</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>Jessica Stehlampe</td><td style="width:110px" align=center>10.10.10.20</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>22:26:17 +8D</td><td style="width:65px" align=center>-47 dB</td><td style="width:150px" align=left>shelly1pm</td><td style="width:5px" align=left>20210201-180115/1.9.5-rc1@eff8f8e8</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Daniel Lichtschalter</td><td style="width:110px" align=center>10.10.10.21</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>02:18:18 +18D</td><td style="width:65px" align=center>-56 dB</td><td style="width:150px" align=left>shelly1pm</td><td style="width:5px" align=left>20210201-180115/1.9.5-rc1@eff8f8e8</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>Küche Lichtschalter</td><td style="width:110px" align=center>10.10.10.22</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>03:24:02 +18D</td><td style="width:65px" align=center>-59 dB</td><td style="width:150px" align=left>shelly1pm</td><td style="width:5px" align=left>20210201-180115/1.9.5-rc1@eff8f8e8</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Jessica Lichtschalter</td><td style="width:110px" align=center>10.10.10.23</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>12:16:52 +15D</td><td style="width:65px" align=center>-57 dB</td><td style="width:150px" align=left>shelly1pm</td><td style="width:5px" align=left>20210201-180115/1.9.5-rc1@eff8f8e8</td></tr><tr class="myclasstr_gerade"><td style="width:210px" align=left>Schlafzimmer Lichtschalter</td><td style="width:110px" align=center>10.10.10.24</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>12:17:16 +9D</td><td style="width:65px" align=center>-51 dB</td><td style="width:150px" align=left>shelly1pm</td><td style="width:5px" align=left>20210201-180115/1.9.5-rc1@eff8f8e8</td></tr><tr class="myclasstr_ungerade"><td style="width:210px" align=left>Duschbad Steckdose </td><td style="width:110px" align=center>10.10.10.25</td><td style="width:95px" align=center>&check;</td><td style="width:120px" align=center>23:07:12 +8D</td><td style="width:65px" align=center>-73 dB</td><td style="width:150px" align=left>shelly1pm</td><td style="width:5px" align=left>20210201-180115/1.9.5-rc1@eff8f8e8</td></tr></tbody></table></div><script> function setOnOtherValue(myval) {	var Self = this;	Self.servConn.getStates(myval, (error, states) => {  console.log(states); self.servConn.setState(myval, !states[myval].val);}  )}; $( "button" ).click(function() {  $( this ).slideUp() });</script>
    

    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

      @oliverio

      die class wird schon zugewiesen - zeile 175 - geht über eine schleife

      letztlich will ich am ende das style sheet über eine funktion erzeugen, damit (weil das script ein template wird) nicht immer ie selben klassen in einer view in mehreen widgets sind - die mythclass -en bekommen dann auch nioch einen eindeutigen namen

      ich kann die garnicht sgen, wieviele fiddle ich schon duch hab - aber das von dir kenne ich noch nicht

      evl werde ich die beiden teile einfach in zwei tabellen übereinander anzeigen - der thead ist dan eine tabelle und der tbody eine andere

      das ganze funktioniert so rudimentär - das eigentlich problem ist ja, das im thead immer eine kleine anzahl pixel dazukommt, wo ich nicht kapiere, wo die herkommen - und wenn ich die gesamt ebreite verändere sind diese ghost pixel auch wieder anders - ich kann die also nirgends abziehen

      heir mal ein beispiel - die width ist 1045 - sieht dann so aus

      ändere ich auf 945 ist der 2te teil und die letzte änderung ist 1145 ( ich habe keine anhnung warum genau bei 1045 es funktionert - bei 1020 ist schon chaos.

      AApossis (15).gif

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

      @liv-in-sky
      @OliverIO

      sagte in suche hilfe bei tabelle mit scroll im tbody:

      evl werde ich die beiden teile einfach in zwei tabellen übereinander anzeigen - der thead ist dan eine tabelle und der tbody eine andere

      das sieht nicht schlecht aus - da glaube ich , bin ich besser unterwegs

      habe thead noch nicht rausgenommen

      Image 2.png

      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

      OliverIOO 1 Antwort Letzte Antwort
      0
      • liv-in-skyL liv-in-sky

        @liv-in-sky
        @OliverIO

        sagte in suche hilfe bei tabelle mit scroll im tbody:

        evl werde ich die beiden teile einfach in zwei tabellen übereinander anzeigen - der thead ist dan eine tabelle und der tbody eine andere

        das sieht nicht schlecht aus - da glaube ich , bin ich besser unterwegs

        habe thead noch nicht rausgenommen

        Image 2.png

        OliverIOO Offline
        OliverIOO Offline
        OliverIO
        schrieb am zuletzt editiert von
        #8

        @liv-in-sky

        puh, da sind einige baustellen.
        du solltest den erzeugten html code mal in einen syntax-prüfer stecken oder bei jsfiddle mal reinkopieren. da sind einige fehler drin.

        1. der äußere table sollte evtl ein div sein. dazu ist innerhalb überhaupt keine weitere tabellendefinition enthalten, ausserdem enthält diese ebenfalls einen syntax-fehler, weil das table-tag nicht geschlossen ist.
        2. in den th-zellen ist bei toggle ein syntaxfehler, glaub ein anführungsstrich zu viel
        3. warum verwendest du bei den td-zellen nicht die gleichen breiten klassen wie für die th's? mythclass0 ... so können sich durch abweichungen schnell fehler einschleichen
        4. das separate font-element innderhalb mancher td's würde ich entweder durch eine eigene css-klasse für die td's ergänzen tauschen
        5. für die breitenangaben der spalten und der tabelle würde ich nur mit prozent arbeiten. sonst hast du eine weitere fehlerquelle, wenn die summe der spaltenpixel die breite der tabelle überschreitet
        6. mit der generellen css angabe box-sizing: border-box; habe ich gute erfahrungen gemacht, da ansonsten die border immer noch auf die breite oben drauf gezählt wird (siehe dann dazu auch 5.) allerdings verwedne ich meisst nur div tabellen
        7. das letzte problem ist, das durch den scrollbar die breite von thead und tbody von einander abweichen, table,td,th haben so einen größenberechnungsautomatismus.

        ich würde dir raten, das mit div elemente zu machen
        du kannst eom besipiel hier anschauen
        https://css-tricks.com/position-sticky-and-table-headers/

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

        liv-in-skyL 3 Antworten Letzte Antwort
        0
        • OliverIOO OliverIO

          @liv-in-sky

          puh, da sind einige baustellen.
          du solltest den erzeugten html code mal in einen syntax-prüfer stecken oder bei jsfiddle mal reinkopieren. da sind einige fehler drin.

          1. der äußere table sollte evtl ein div sein. dazu ist innerhalb überhaupt keine weitere tabellendefinition enthalten, ausserdem enthält diese ebenfalls einen syntax-fehler, weil das table-tag nicht geschlossen ist.
          2. in den th-zellen ist bei toggle ein syntaxfehler, glaub ein anführungsstrich zu viel
          3. warum verwendest du bei den td-zellen nicht die gleichen breiten klassen wie für die th's? mythclass0 ... so können sich durch abweichungen schnell fehler einschleichen
          4. das separate font-element innderhalb mancher td's würde ich entweder durch eine eigene css-klasse für die td's ergänzen tauschen
          5. für die breitenangaben der spalten und der tabelle würde ich nur mit prozent arbeiten. sonst hast du eine weitere fehlerquelle, wenn die summe der spaltenpixel die breite der tabelle überschreitet
          6. mit der generellen css angabe box-sizing: border-box; habe ich gute erfahrungen gemacht, da ansonsten die border immer noch auf die breite oben drauf gezählt wird (siehe dann dazu auch 5.) allerdings verwedne ich meisst nur div tabellen
          7. das letzte problem ist, das durch den scrollbar die breite von thead und tbody von einander abweichen, table,td,th haben so einen größenberechnungsautomatismus.

          ich würde dir raten, das mit div elemente zu machen
          du kannst eom besipiel hier anschauen
          https://css-tricks.com/position-sticky-and-table-headers/

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

          @oliverio

          Erstmal vielen Dank

          Ich hatte schon bemerkt, das einiger Fehler drin sein müssen, da mein HTML Checker nicht durch lief. Aber nach so vielen ausprobieren war die Konzentration am Tiefpunkt

          Ich werde morgen in Ruhe nochmals deine Punkte durchgehen und im Scripte wieder aufräumen.

          ich habe mittlerweile schon einige knifflige Sachen hinbekommen, aber das hier hat heute echt genervt :-)

          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
          • OliverIOO OliverIO

            @liv-in-sky

            puh, da sind einige baustellen.
            du solltest den erzeugten html code mal in einen syntax-prüfer stecken oder bei jsfiddle mal reinkopieren. da sind einige fehler drin.

            1. der äußere table sollte evtl ein div sein. dazu ist innerhalb überhaupt keine weitere tabellendefinition enthalten, ausserdem enthält diese ebenfalls einen syntax-fehler, weil das table-tag nicht geschlossen ist.
            2. in den th-zellen ist bei toggle ein syntaxfehler, glaub ein anführungsstrich zu viel
            3. warum verwendest du bei den td-zellen nicht die gleichen breiten klassen wie für die th's? mythclass0 ... so können sich durch abweichungen schnell fehler einschleichen
            4. das separate font-element innderhalb mancher td's würde ich entweder durch eine eigene css-klasse für die td's ergänzen tauschen
            5. für die breitenangaben der spalten und der tabelle würde ich nur mit prozent arbeiten. sonst hast du eine weitere fehlerquelle, wenn die summe der spaltenpixel die breite der tabelle überschreitet
            6. mit der generellen css angabe box-sizing: border-box; habe ich gute erfahrungen gemacht, da ansonsten die border immer noch auf die breite oben drauf gezählt wird (siehe dann dazu auch 5.) allerdings verwedne ich meisst nur div tabellen
            7. das letzte problem ist, das durch den scrollbar die breite von thead und tbody von einander abweichen, table,td,th haben so einen größenberechnungsautomatismus.

            ich würde dir raten, das mit div elemente zu machen
            du kannst eom besipiel hier anschauen
            https://css-tricks.com/position-sticky-and-table-headers/

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

            @oliverio

            nochmal vielen dank - das mit dem div-tabellen habe ich nicht gemacht - der eingriff war mir zuviel zum umschreiben

            bin jetzt ganz zufrieden mit der tabelle

            AApossis (16).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

            1 Antwort Letzte Antwort
            2
            • OliverIOO OliverIO

              @liv-in-sky

              puh, da sind einige baustellen.
              du solltest den erzeugten html code mal in einen syntax-prüfer stecken oder bei jsfiddle mal reinkopieren. da sind einige fehler drin.

              1. der äußere table sollte evtl ein div sein. dazu ist innerhalb überhaupt keine weitere tabellendefinition enthalten, ausserdem enthält diese ebenfalls einen syntax-fehler, weil das table-tag nicht geschlossen ist.
              2. in den th-zellen ist bei toggle ein syntaxfehler, glaub ein anführungsstrich zu viel
              3. warum verwendest du bei den td-zellen nicht die gleichen breiten klassen wie für die th's? mythclass0 ... so können sich durch abweichungen schnell fehler einschleichen
              4. das separate font-element innderhalb mancher td's würde ich entweder durch eine eigene css-klasse für die td's ergänzen tauschen
              5. für die breitenangaben der spalten und der tabelle würde ich nur mit prozent arbeiten. sonst hast du eine weitere fehlerquelle, wenn die summe der spaltenpixel die breite der tabelle überschreitet
              6. mit der generellen css angabe box-sizing: border-box; habe ich gute erfahrungen gemacht, da ansonsten die border immer noch auf die breite oben drauf gezählt wird (siehe dann dazu auch 5.) allerdings verwedne ich meisst nur div tabellen
              7. das letzte problem ist, das durch den scrollbar die breite von thead und tbody von einander abweichen, table,td,th haben so einen größenberechnungsautomatismus.

              ich würde dir raten, das mit div elemente zu machen
              du kannst eom besipiel hier anschauen
              https://css-tricks.com/position-sticky-and-table-headers/

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

              @oliverio ich hätte da noch eine theoretische frge:

              wenn ich eigen-benannte classes benutze und in einer view 2 solche tabellen haben, die dann beide die selben class-namen haben, wird das ein problem. anders: ist die gültigkeit dieser klaeen auf das widget begrenzt ?

              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

              OliverIOO 1 Antwort Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

                @oliverio ich hätte da noch eine theoretische frge:

                wenn ich eigen-benannte classes benutze und in einer view 2 solche tabellen haben, die dann beide die selben class-namen haben, wird das ein problem. anders: ist die gültigkeit dieser klaeen auf das widget begrenzt ?

                OliverIOO Offline
                OliverIOO Offline
                OliverIO
                schrieb am zuletzt editiert von
                #12

                @liv-in-sky said in suche hilfe bei tabelle mit scroll im tbody:

                @oliverio ich hätte da noch eine theoretische frge:

                wenn ich eigen-benannte classes benutze und in einer view 2 solche tabellen haben, die dann beide die selben class-namen haben, wird das ein problem. anders: ist die gültigkeit dieser klaeen auf das widget begrenzt ?

                die CSS-Namen im html-element selbst haben erst einmal keine Auswirkungen.
                erst mit einer css-Definition wird die Formatierung auf das Element angewendet, die mit der Klasse benannt ist.
                Du kannst auch mehrere CSS-Klassen für ein Element zuordnen.
                Die Formatierungsanweisungen aus den verschiedenen Klassen werden dann kombiniert.
                Es macht durchaus Sinn, eine Klasse für mehrere elemente zu verwenden, sofern die selbe Formatierung darauf angewendet werden soll.

                Nur die ID eines Elements muss(sollte) eindeutig sein. Führt zwar zu keinem Fehler, aber ansteuern kannst du die dann nicht über den Namen oder es gibt seltsame effekte.
                Ich selbst verwende selten IDs, sondern nur gut benamte CSS-Bezeichnungen

                Beispiel

                https://jsfiddle.net/oweitman/nmhsc519/1/

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

                liv-in-skyL 1 Antwort Letzte Antwort
                0
                • OliverIOO OliverIO

                  @liv-in-sky said in suche hilfe bei tabelle mit scroll im tbody:

                  @oliverio ich hätte da noch eine theoretische frge:

                  wenn ich eigen-benannte classes benutze und in einer view 2 solche tabellen haben, die dann beide die selben class-namen haben, wird das ein problem. anders: ist die gültigkeit dieser klaeen auf das widget begrenzt ?

                  die CSS-Namen im html-element selbst haben erst einmal keine Auswirkungen.
                  erst mit einer css-Definition wird die Formatierung auf das Element angewendet, die mit der Klasse benannt ist.
                  Du kannst auch mehrere CSS-Klassen für ein Element zuordnen.
                  Die Formatierungsanweisungen aus den verschiedenen Klassen werden dann kombiniert.
                  Es macht durchaus Sinn, eine Klasse für mehrere elemente zu verwenden, sofern die selbe Formatierung darauf angewendet werden soll.

                  Nur die ID eines Elements muss(sollte) eindeutig sein. Führt zwar zu keinem Fehler, aber ansteuern kannst du die dann nicht über den Namen oder es gibt seltsame effekte.
                  Ich selbst verwende selten IDs, sondern nur gut benamte CSS-Bezeichnungen

                  Beispiel

                  https://jsfiddle.net/oweitman/nmhsc519/1/

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

                  @oliverio das kam wohl nicht richtig rüber von mir:

                  ich meinte, wenn ich meine tabellen über ein binding in einem html standardwidget anzeige, sind die klassen darin defininiert, weil sie ja über mein script im html code stehen

                  meine frage ist: was passiert, wenn ich noch eine andere tabelle in einem widget habe und darin sind die selben klassennamen aber evtl andere inhalte. dann ist in einer view in 2 widgets jeweils eine klasse mir dem selben namen aber unterschiedlichen inhalten

                  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

                  OliverIOO 1 Antwort Letzte Antwort
                  0
                  • liv-in-skyL liv-in-sky

                    @oliverio das kam wohl nicht richtig rüber von mir:

                    ich meinte, wenn ich meine tabellen über ein binding in einem html standardwidget anzeige, sind die klassen darin defininiert, weil sie ja über mein script im html code stehen

                    meine frage ist: was passiert, wenn ich noch eine andere tabelle in einem widget habe und darin sind die selben klassennamen aber evtl andere inhalte. dann ist in einer view in 2 widgets jeweils eine klasse mir dem selben namen aber unterschiedlichen inhalten

                    OliverIOO Offline
                    OliverIOO Offline
                    OliverIO
                    schrieb am zuletzt editiert von
                    #14

                    @liv-in-sky said in suche hilfe bei tabelle mit scroll im tbody:

                    @oliverio das kam wohl nicht richtig rüber von mir:

                    ich meinte, wenn ich meine tabellen über ein binding in einem html standardwidget anzeige, sind die klassen darin defininiert, weil sie ja über mein script im html code stehen

                    meine frage ist: was passiert, wenn ich noch eine andere tabelle in einem widget habe und darin sind die selben klassennamen aber evtl andere inhalte. dann ist in einer view in 2 widgets jeweils eine klasse mir dem selben namen aber unterschiedlichen inhalten

                    ja, da musst du aufpassen. daher am besten um die elemente deines scripts ein div machen mit einem eindeutigen css-name und dann alle css-klassen so adressieren.
                    die css-klassen die du definierst wirken nämlich im gesamten html dokument

                    lies dir auch mal den artikel durch. da steht beschrieben, in welchen kombinationen und verschachtelungen css-klassen adressiert werden kann.
                    bei problemen kannst mich auch gerne fragen

                    <style>
                    .mein_script_container_mit_hoffentlich_eindeutigem_namen .tabelle1 {
                        color: red;
                    }
                    .mein_script_container_mit_hoffentlich_eindeutigem_namen .tabelle2 {
                        color: green;
                    }
                    </style>
                    <div class="mein_script_container_mit_hoffentlich_eindeutigem_namen">
                        <div class="tabelle1"></div>
                        <div class="tabelle2"></div>
                    </div>
                    

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

                    liv-in-skyL 1 Antwort Letzte Antwort
                    0
                    • OliverIOO OliverIO

                      @liv-in-sky said in suche hilfe bei tabelle mit scroll im tbody:

                      @oliverio das kam wohl nicht richtig rüber von mir:

                      ich meinte, wenn ich meine tabellen über ein binding in einem html standardwidget anzeige, sind die klassen darin defininiert, weil sie ja über mein script im html code stehen

                      meine frage ist: was passiert, wenn ich noch eine andere tabelle in einem widget habe und darin sind die selben klassennamen aber evtl andere inhalte. dann ist in einer view in 2 widgets jeweils eine klasse mir dem selben namen aber unterschiedlichen inhalten

                      ja, da musst du aufpassen. daher am besten um die elemente deines scripts ein div machen mit einem eindeutigen css-name und dann alle css-klassen so adressieren.
                      die css-klassen die du definierst wirken nämlich im gesamten html dokument

                      lies dir auch mal den artikel durch. da steht beschrieben, in welchen kombinationen und verschachtelungen css-klassen adressiert werden kann.
                      bei problemen kannst mich auch gerne fragen

                      <style>
                      .mein_script_container_mit_hoffentlich_eindeutigem_namen .tabelle1 {
                          color: red;
                      }
                      .mein_script_container_mit_hoffentlich_eindeutigem_namen .tabelle2 {
                          color: green;
                      }
                      </style>
                      <div class="mein_script_container_mit_hoffentlich_eindeutigem_namen">
                          <div class="tabelle1"></div>
                          <div class="tabelle2"></div>
                      </div>
                      
                      liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      schrieb am zuletzt editiert von
                      #15

                      @oliverio ok - danke - ds dachte ich mir schon - daher werd ich wohl an alle klassennamen einen eindeutigen namen anhängen. in der definition des scriptes muss ein eindeutiger name definiert werden, sonst überschreiben sich die datenpunkte der tabellen - diese werde ich dann nutzen und den einfach anhängen - somit können keine doppelten klassennamen vorkommen

                      das mit den id's wird in den html checker auch sofort angemeckert - "doppelte id ..." - daher nehme ich auch klassen

                      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

                      OliverIOO 1 Antwort Letzte Antwort
                      0
                      • liv-in-skyL liv-in-sky

                        @oliverio ok - danke - ds dachte ich mir schon - daher werd ich wohl an alle klassennamen einen eindeutigen namen anhängen. in der definition des scriptes muss ein eindeutiger name definiert werden, sonst überschreiben sich die datenpunkte der tabellen - diese werde ich dann nutzen und den einfach anhängen - somit können keine doppelten klassennamen vorkommen

                        das mit den id's wird in den html checker auch sofort angemeckert - "doppelte id ..." - daher nehme ich auch klassen

                        OliverIOO Offline
                        OliverIOO Offline
                        OliverIO
                        schrieb am zuletzt editiert von
                        #16

                        @liv-in-sky

                        nicht anhängen, nur davor schreiben

                        die folgende definition bedeutet, das alle elemente mit dem klassen namen css2, welche sich innerhalb eines anderen elements mit klassennamen css1 befindet die schrift rot gefärbt wird.
                        dabei muss das element mit css1 nicht direkt darüber sein, sondern kann auch mehrere ebenen in der hierarchie darüber sein.

                        .css1 .css2 {
                            color: red;
                        }
                        

                        wie gesagt, lesen den artikel, da steht das drin, auf deutsch, mit beispiele
                        und am besten in jsfiddle ein bisschen zum verständnis mit rumspielen

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

                        liv-in-skyL 1 Antwort Letzte Antwort
                        0
                        • OliverIOO OliverIO

                          @liv-in-sky

                          nicht anhängen, nur davor schreiben

                          die folgende definition bedeutet, das alle elemente mit dem klassen namen css2, welche sich innerhalb eines anderen elements mit klassennamen css1 befindet die schrift rot gefärbt wird.
                          dabei muss das element mit css1 nicht direkt darüber sein, sondern kann auch mehrere ebenen in der hierarchie darüber sein.

                          .css1 .css2 {
                              color: red;
                          }
                          

                          wie gesagt, lesen den artikel, da steht das drin, auf deutsch, mit beispiele
                          und am besten in jsfiddle ein bisschen zum verständnis mit rumspielen

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

                          @oliverio ich hab edich schon verstanden -werde aber trotzdem nochmal dieses aneinaderhängen durchlesen

                          aber wenn du ein html über ein script erzeugst, hat man ja die möglichkeit einfach eine anderen texteil anzuhängen

                          let dpVIS="definierterEinmaligerName" //damit werden datenpunkte erzeugt
                          <style> .myclass+"dpVIS" { height: 13px}..............</style>
                          

                          fühl ich mich wohler dabei und kommt aufs selbe ergebnis - keine doppelten class.namen

                          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

                          OliverIOO 1 Antwort Letzte Antwort
                          0
                          • liv-in-skyL liv-in-sky

                            @oliverio ich hab edich schon verstanden -werde aber trotzdem nochmal dieses aneinaderhängen durchlesen

                            aber wenn du ein html über ein script erzeugst, hat man ja die möglichkeit einfach eine anderen texteil anzuhängen

                            let dpVIS="definierterEinmaligerName" //damit werden datenpunkte erzeugt
                            <style> .myclass+"dpVIS" { height: 13px}..............</style>
                            

                            fühl ich mich wohler dabei und kommt aufs selbe ergebnis - keine doppelten class.namen

                            OliverIOO Offline
                            OliverIOO Offline
                            OliverIO
                            schrieb am zuletzt editiert von
                            #18

                            @liv-in-sky said in suche hilfe bei tabelle mit scroll im tbody:

                            @oliverio ich hab edich schon verstanden -werde aber trotzdem nochmal dieses aneinaderhängen durchlesen

                            aber wenn du ein html über ein script erzeugst, hat man ja die möglichkeit einfach eine anderen texteil anzuhängen

                            let dpVIS="definierterEinmaligerName" //damit werden datenpunkte erzeugt
                            <style> .myclass+"dpVIS" { height: 13px}..............</style>
                            

                            fühl ich mich wohler dabei und kommt aufs selbe ergebnis - keine doppelten class.namen

                            macht aber ein paar dinge komplizierter und du wirst mehr css-klassen definieren müssen

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

                            liv-in-skyL 3 Antworten Letzte Antwort
                            0
                            • OliverIOO OliverIO

                              @liv-in-sky said in suche hilfe bei tabelle mit scroll im tbody:

                              @oliverio ich hab edich schon verstanden -werde aber trotzdem nochmal dieses aneinaderhängen durchlesen

                              aber wenn du ein html über ein script erzeugst, hat man ja die möglichkeit einfach eine anderen texteil anzuhängen

                              let dpVIS="definierterEinmaligerName" //damit werden datenpunkte erzeugt
                              <style> .myclass+"dpVIS" { height: 13px}..............</style>
                              

                              fühl ich mich wohler dabei und kommt aufs selbe ergebnis - keine doppelten class.namen

                              macht aber ein paar dinge komplizierter und du wirst mehr css-klassen definieren müssen

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

                              @oliverio bin noch am überlegen - hab gerade wenig zeit - werd das auf jeden fall in erinnerung halten - du hast da def. mehr erfahrung

                              nebenbei entdecke ich gerade jquery - ist echt cool, was da geht

                              z.b.eine

                              AApossis (18).gif suche

                              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
                              • OliverIOO OliverIO

                                @liv-in-sky said in suche hilfe bei tabelle mit scroll im tbody:

                                @oliverio ich hab edich schon verstanden -werde aber trotzdem nochmal dieses aneinaderhängen durchlesen

                                aber wenn du ein html über ein script erzeugst, hat man ja die möglichkeit einfach eine anderen texteil anzuhängen

                                let dpVIS="definierterEinmaligerName" //damit werden datenpunkte erzeugt
                                <style> .myclass+"dpVIS" { height: 13px}..............</style>
                                

                                fühl ich mich wohler dabei und kommt aufs selbe ergebnis - keine doppelten class.namen

                                macht aber ein paar dinge komplizierter und du wirst mehr css-klassen definieren müssen

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

                                @oliverio

                                ich schon wieder - jetzt passiert das, was ich erwähnt hatte - ich ändere in der tabelle etwas - und die anderen widgets reagieren - sieht cool aus - ist aber doof

                                das ist eine test-view - daher so durcheinander- wenn ich in der searchbox etwas eingebe - reagieren rechts oben in der ecke und das große orange (material design)

                                AApossis (19).gif

                                passiert durch jquery

                                var allRows = $("[class*='gerade${dpVIS}']");console.log(allRows);  $("input#search").on("keydown keyup", function() {  allRows.hide();  $("tr:contains('" + $(this).val() + "')").show();});`
                                
                                

                                hier die console und html code:

                                Image 13.png
                                Image 14.png

                                ich weiß nicht, warum die reagieren - hast du eine idee

                                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
                                • OliverIOO OliverIO

                                  @liv-in-sky said in suche hilfe bei tabelle mit scroll im tbody:

                                  @oliverio ich hab edich schon verstanden -werde aber trotzdem nochmal dieses aneinaderhängen durchlesen

                                  aber wenn du ein html über ein script erzeugst, hat man ja die möglichkeit einfach eine anderen texteil anzuhängen

                                  let dpVIS="definierterEinmaligerName" //damit werden datenpunkte erzeugt
                                  <style> .myclass+"dpVIS" { height: 13px}..............</style>
                                  

                                  fühl ich mich wohler dabei und kommt aufs selbe ergebnis - keine doppelten class.namen

                                  macht aber ein paar dinge komplizierter und du wirst mehr css-klassen definieren müssen

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

                                  @oliverio

                                  sorry - habe jetzt nach abschicken den fehler gefunden - ich hatte noch eine tabelle in einer anderen view - die hat da rein gemurkst - dort ist das jquery in der reinform von "google" und das gilt dann für die ganzen views :-(

                                  `var allRows = $("tr");  $("input#searchnmap").on("keydown keyup", function() {  allRows.hide();  $("tr:contains('" + $(this).val() + "')").show();});`
                                  

                                  das tr in allrows

                                  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

                                  OliverIOO 1 Antwort Letzte Antwort
                                  0
                                  • liv-in-skyL liv-in-sky

                                    @oliverio

                                    sorry - habe jetzt nach abschicken den fehler gefunden - ich hatte noch eine tabelle in einer anderen view - die hat da rein gemurkst - dort ist das jquery in der reinform von "google" und das gilt dann für die ganzen views :-(

                                    `var allRows = $("tr");  $("input#searchnmap").on("keydown keyup", function() {  allRows.hide();  $("tr:contains('" + $(this).val() + "')").show();});`
                                    

                                    das tr in allrows

                                    OliverIOO Offline
                                    OliverIOO Offline
                                    OliverIO
                                    schrieb am zuletzt editiert von
                                    #22

                                    @liv-in-sky

                                    ok,

                                    du weißt, das es die gerade/ungerade regeln auch direkt für css gibt.
                                    siehe folgendes dokument, schlüsselwort even/uneven

                                    https://developer.mozilla.org/de/docs/Web/CSS/:nth-child

                                    verwende ich auch bei den widgets für tvprogram

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

                                    liv-in-skyL 1 Antwort Letzte Antwort
                                    0
                                    • OliverIOO OliverIO

                                      @liv-in-sky

                                      ok,

                                      du weißt, das es die gerade/ungerade regeln auch direkt für css gibt.
                                      siehe folgendes dokument, schlüsselwort even/uneven

                                      https://developer.mozilla.org/de/docs/Web/CSS/:nth-child

                                      verwende ich auch bei den widgets für tvprogram

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

                                      @oliverio was passiert, wenn ich sage- kannte ich nicht ?

                                      die template-scripte sind ja ohne css gemacht worden - bin gerade dabei, das alles auf css umzustellen und zu verbessern - damals war die große herausforderung, mehrere tabellen nebeneinander hinzubekommen und ich hatte für verschiedene spaltenanzahl verschiedene templates - dh ich mußte immer viele templates ändern, bei änderungen - jetzt ist das allles besser geworden

                                      wird schon werden :-)

                                      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

                                      OliverIOO 1 Antwort Letzte Antwort
                                      0
                                      • liv-in-skyL liv-in-sky

                                        @oliverio was passiert, wenn ich sage- kannte ich nicht ?

                                        die template-scripte sind ja ohne css gemacht worden - bin gerade dabei, das alles auf css umzustellen und zu verbessern - damals war die große herausforderung, mehrere tabellen nebeneinander hinzubekommen und ich hatte für verschiedene spaltenanzahl verschiedene templates - dh ich mußte immer viele templates ändern, bei änderungen - jetzt ist das allles besser geworden

                                        wird schon werden :-)

                                        OliverIOO Offline
                                        OliverIOO Offline
                                        OliverIO
                                        schrieb am zuletzt editiert von
                                        #24

                                        @liv-in-sky

                                        alles gut

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

                                        liv-in-skyL 1 Antwort Letzte Antwort
                                        0
                                        • OliverIOO OliverIO

                                          @liv-in-sky

                                          alles gut

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

                                          @oliverio

                                          wollt mich eh noch bedanken - konnte einiges umsetzen - auch nth-child konnte ich gut gebrauchen

                                          https://github.com/liv-in-sky/sonoff-iobroker-script

                                          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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          758

                                          Online

                                          32.6k

                                          Benutzer

                                          82.2k

                                          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