No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    wrap overflow data in a tooltip

    Help
    2
    3
    584
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      studio511 last edited by

      I have a large data in a cell which i restricted it with a fixed column. Using a tooltip, i allow user to see the full data when he hovers over the cell. My challenge now is to keep this data within a fixed width and allowing the overflowing data to be wrapped to the next few rows of my tooltip.
      Is this possible?

      1 Reply Last reply Reply Quote 0
      • Dennis van Beek
        Dennis van Beek last edited by

        I hope I understand your problem correctly, but you can implement the default tooltip slot and give it a max-width.

        <q-tooltip>
          <template v-slot:default>
            <div style="max-width:100px">
              {{largeText}}
            </div>
          </template>
        </q-tooltip>
        
        S 1 Reply Last reply Reply Quote 0
        • S
          studio511 @Dennis van Beek last edited by

          @Dennis-van-Beek Thanks! I was implementing this as well but the data got cut-off at the 100thpx.
          I guess i need to tweak the CSS to wrap the overflowing data within the max-width.

          1 Reply Last reply Reply Quote 0
          • First post
            Last post