title: Exclude disabled item in V-Data-Table's select-all [VUETIFY]
body: <p>I have <code>v-data-table</code> with disabled item and want to exclude it when I trigger the <code>select-all</code> in <code>header.data-table-select</code> slot. Also applied <code>:readonly</code> but still get checked.</p>
  
  <pre><code>&lt;template v-slot:item.data-table-select="{ item, isSelected, select }"&gt;
     &lt;v-simple-checkbox
       :value="isSelected"
       :readonly="item.name == 'Frozen Yogurt'"
       :disabled="item.name == 'Frozen Yogurt'"
       @input="select($event)"
     &gt;&lt;/v-simple-checkbox&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Also looked at the <a href="https://vuetifyjs.com/en/components/data-tables#api" rel="noreferrer">docs</a> and found this <code>header.data-table-select</code> slot but only gives me this options:</p>
  
  <pre><code>{
    props: {
      value: boolean
      indeterminate: boolean
    },
    on: {
      input: (value: boolean) =&gt; void
    }
  }
  </code></pre>
  
  <p>Is there any way of handling selected items in <code>v-data-table</code>?</p>
  
  <p>Here's the live code: <a href="https://d4et5.csb.app/" rel="noreferrer">https://d4et5.csb.app/</a></p>
  
  <p><strong>EDITED</strong></p>
  
  <p>CodeSandBox: <a href="https://codesandbox.io/s/festive-haze-d4et5" rel="noreferrer">https://codesandbox.io/s/festive-haze-d4et5</a></p>