[Vuejs]-Tooltip on sortable header cells of BootstrapVue table

by

0👍

✅

It’s because you’re binding your title to an undefined property inside your slot.

The tooltip property, is nested inside a field object, which contains all the data for the field.

<template v-slot:head()="data">                     
  <span v-b-tooltip.hover :title='data.field.tooltip'>
    {{ data.label }}           
  </span>                   
</template>

Leave a comment