title: How do I increase the font-size in the header of v-data-table
body: <p>I want to increase the font-size of the <code>&lt;th&gt;</code> to 20px in Vuetify table <code>v-data-table</code>. But it stays at 12px.</p>
  
  <p>I tried this:</p>
  
  <pre><code>table.v-table thead tr th {
    font-size: 20px!important;
  }
  </code></pre>
  
  <p>This is my data table:</p>
  
  <pre><code>&lt;v-data-table
          :headers="headers"
          :items="myjson"
          class="elevation-1"
        &gt;
          &lt;template v-slot:items="props"&gt;
           &lt;td&gt;{{ props.item.ApplicationType }}&lt;/td&gt;
          &lt;/template&gt;
  &lt;/v-data-table&gt;
  </code></pre>
  
  <p>I expect the font-size of the thead to be 20px. But it remains at 12px while inspecting.</p>