wrap overflow data in a tooltip



  • 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?



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


  • @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.


Log in to reply