title: Is there a way to use slot with vuetify datatable components?
body: <p>This is my component (let's call it BaseTable):</p>
  <pre><code>  &lt;v-card&gt;
      &lt;v-card-title&gt;
        {{ title }}
        &lt;v-spacer&gt;&lt;/v-spacer&gt;
        &lt;v-text-field
          :value=&quot;value&quot;
          @input=&quot;$emit('input', $event)&quot;
          append-icon=&quot;mdi-magnify&quot;
          label=&quot;Search&quot;
          single-line
          hide-details
        &gt;&lt;/v-text-field&gt;
      &lt;/v-card-title&gt;
      &lt;v-data-table
        :search=&quot;value&quot;
        :headers=&quot;headers&quot;
        :items=&quot;items&quot;
        :loading=&quot;loading&quot;
        :loading-text=&quot;loadingText&quot;
      &gt;
        &lt;slot&gt;&lt;/slot&gt; &lt;!--Will pass something here --&gt;
      &lt;/v-data-table&gt;
    &lt;/v-card&gt;
  &lt;/template&gt;
  </code></pre>
  <p>Then I want to reuse BaseTable like this with a button in Actions column:</p>
  <pre><code> &lt;BaseTable
        :headers=&quot;headers&quot;
        :items=&quot;items&quot;
        :loading=&quot;loading&quot;
        loadingText=&quot;Getting items... Please wait&quot;
        title=&quot;Transfer Request Processing&quot;
        v-model.lazy=&quot;search&quot;
      &gt;
        &lt;template v-slot:item.actions=&quot;{ item }&quot;&gt;
          &lt;v-btn block color=&quot;warning&quot; outlined @click=&quot;delete(item)&quot;&gt;
            &lt;v-icon left class=&quot;mr-2&quot;&gt;mdi-icon&lt;/v-icon&gt;DELETE
          &lt;/v-btn&gt;
        &lt;/template&gt;
      &lt;/BaseTable&gt;
  </code></pre>
  <p>Data are displayed with proper headers but the 'DELETE' button does not. I tried using the template on the component itself (which works fine), but I don't want it that way. Thank you much for any help.</p>