title: Vuetify tooltip in data table
body: <p>I want to add some tool tip in a vuetify datatable , but nothing happen.</p>
  
  <p>this is the template that I need to use a tool tip</p>
  
  <pre><code>&lt;template v-slot:item.state="{ item }"&gt;
     &lt;div :class="lights(item)"&gt;&lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>and I use it like this </p>
  
  <pre><code>&lt;v-tooltip left&gt;
        &lt;template v-slot:activator="{ on }"&gt;
           &lt;template v-slot:item.state="{ item }"&gt;
             &lt;div :class="lights(item)"&gt;&lt;/div&gt;
           &lt;/template&gt;
        &lt;/template&gt;
     &lt;span&gt;Tooltip&lt;/span&gt;
  &lt;/v-tooltip&gt;
  </code></pre>
  
  <p>and I have also an modal who need a tool tip but it have a v-slot activatior too :</p>
  
  <pre><code>&lt;template v-slot:activator="{ toggle }"&gt;
     &lt;v-tooltip bottom&gt;
         &lt;template v-slot:activator="{ on }" &gt;
              &lt;v-icon :color="color" v-on="on" v-on="toggle"&gt;mdi-power&lt;/v-icon&gt;
          &lt;/template&gt;
           &lt;span&gt;Tooltip&lt;/span&gt;
      &lt;/v-tooltip&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>How can I do ?</p>