title: Vuetify clickable icon inside data-table doesn't change pointer style
body: <p>I have a <code>v-data-table</code> like this one:</p>
  <pre><code>&lt;div id=&quot;app&quot;&gt;
    &lt;v-app id=&quot;inspire&quot;&gt;
      &lt;v-data-table
        :headers=&quot;headers&quot;
        :items=&quot;desserts&quot;
        :items-per-page=&quot;5&quot;
        class=&quot;elevation-1&quot;
      &gt;
        &lt;template v-slot:item.iron&gt;
          &lt;v-icon @click.native=&quot;getDocument&quot;&gt;mdi-download&lt;/v-icon&gt;
        &lt;/template&gt;
      &lt;/v-data-table&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;
  </code></pre>
  <p>but whenever I move the mouse over the download icon it doesn't change its style from pointer to hand but I don't know why. How can I fix this issue?</p>