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.

      <template v-slot:default>
        <div style="max-width:100px">

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