Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS durch CSS Tabelle Scrollen [gelöst]

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    VIS durch CSS Tabelle Scrollen [gelöst]

    This topic has been deleted. Only users with topic management privileges can see it.
    • Goersch
      Goersch last edited by Goersch

      Hallo,

      ich erzeuge mittels Skript eine Tabelle die ca. 150 Reihen enthält. Der entsprechende HTML Text wird in einem Objekt abgelegt.

      Die Tabelle ist so groß, dass sie mit dem Widget "Basic String(unescaped)" nicht komplett angezeigt wird und bei diesem kein Scrollbar erscheint. Ich habe deshalb nach einem Objekt gesucht, das den HTML Text anzeigt und scrollbar ist. Leider find ich sowas nicht, oder ich habe noch nicht richtig gesucht.

      Gibt es ein Widget, dass das kann? Oder einen passeneden Workaround?

      Danke
      Georg

      1 Reply Last reply Reply Quote 0
      • Goersch
        Goersch last edited by Goersch

        ein leider nicht funktionierender Workaround ist die Verwendung eines iFrames und dann Abgriff des Wertes mittels simple-api Adapters. Leider fügt das Adapter bei der Verwendung von getPlainText Anführungstriche um den Text, womit die Tabelle nicht richtig dargestellt wird.

        1 Reply Last reply Reply Quote 0
        • OliverIO
          OliverIO last edited by

          schalte über eine css-anweisung den scrollbar für die table ein.
          https://developer.mozilla.org/en-US/docs/Web/CSS/overflow

          1 Reply Last reply Reply Quote 0
          • Goersch
            Goersch last edited by

            klappt leider nicht - das Basic String Widget zeigt sich davon unbeeindruckt.

            <!DOCTYPE html><html><head><style>table {border-collapse: collapse;}table, th, td {border: 1px solid white;}overflow:visible;overflow:auto;</style></head>
            
            1 Reply Last reply Reply Quote 0
            • Goersch
              Goersch last edited by

              👍 Danke ich habs

              <!DOCTYPE html><html><head><style>table {border-collapse: collapse;} table, th, td {border: 1px solid white;} div {overflow:visible;overflow:auto;} </style></head>
              
              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              Support us

              ioBroker
              Community Adapters
              Donate

              839
              Online

              31.9k
              Users

              80.2k
              Topics

              1.3m
              Posts

              vis
              2
              5
              510
              Loading More Posts
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes
              Reply
              • Reply as topic
              Log in to reply
              Community
              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
              The ioBroker Community 2014-2023
              logo