title: Vuetify data-table combine dynamic slots with row/item slots
body: <p>I am trying to make a reusable vuetify datatable. I want the ability to pass dynamic slots or item slots if I want to and both should work. This is the code</p>
  <pre><code>&lt;v-data-table
      :headers=&quot;headers&quot;
      :items=&quot;items&quot;
      :dense=&quot;dense&quot;
      :hide-default-header=&quot;hideDefaultHeader&quot;
      :loading=&quot;loading&quot;
      :options.sync=&quot;settings&quot;
      :items-per-page=&quot;itemsPerPage&quot;
      :server-items-length=&quot;itemLength&quot;
      @click:row=&quot;handleClick&quot;
      :height=&quot;height&quot;
  &gt;
      &lt;-- 1st part--&gt;
      &lt;template v-for=&quot;field in slots&quot; v-slot:[field.field]=&quot;{ item }&quot;&gt;
          &lt;slot :name=&quot;field.field&quot; :item=&quot;item&quot;&gt;&lt;/slot&gt;
      &lt;/template&gt;
      &lt;-- 2nd part --&gt;
      &lt;template v-slot:item=&quot;{item}&quot;&gt;
          &lt;slot name=&quot;item&quot; v-bind=&quot;item&quot;&gt;&lt;/slot&gt;
      &lt;/template&gt;
  &lt;/v-data-table&gt;
  </code></pre>
  <p>this is then makes a component called <code>DataTable</code> which I then use like this</p>
  <pre><code>&lt;DataTable
      v-if=&quot;tabs == n&quot;
      :items=&quot;items&quot;
      :loading=&quot;loading&quot;
      :headers=&quot;headers&quot;
      :options=&quot;serverOptions&quot;
      :slots=&quot;slots&quot;
      :total=&quot;toatl&quot;
      @updateOptions=&quot;updateOptions($event, n)&quot;
  &gt;
  </code></pre>
  <p>I also have a slot array like this</p>
  <pre><code>slots: [{ field: &quot;item.CREATOR&quot; }, { field: &quot;item.BODY&quot; }]
  </code></pre>
  <p>I want the ability to either use the <code>item</code> slot using the <code>2nd part</code> or use a specific column slot defined in the slot array <code>1st part</code>. Right now the dynamic slots unless i comment out the <code>2nd part</code>. This is how i currently slot each part</p>
  <p>1st part:</p>
  <pre><code>&lt;template v-slot:item.CREATOR=&quot;{ item }&quot;&gt;
      &lt;strong&gt;{{item.FIRSTNAME}} {{item.LASTNAME}}&lt;/strong&gt;
  &lt;/template&gt;
  </code></pre>
  <p>2nd part:</p>
  <pre><code>&lt;template v-slot:item=&quot;item&quot;&gt;
      &lt;tr&gt;
          &lt;td&gt;{{item.MESSAGESTATUS}}&lt;/td&gt;
          &lt;td&gt;sdsd&lt;/td&gt;
          &lt;td&gt;sfsf&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/template&gt;
  </code></pre>