title: Vuetify v-data-table doesn't increase font size
body: <p>Vuetify v-data-table doesn't increase font size.</p>
  
  <p>How can I modify the table's content for me to be able to increase the font size of the text because its too small and hard to read.</p>
  
  <pre><code> &lt;v-data-table
      :headers="headers"
      :items="allCareers"
      :search="search"
      sort-by="calories"
      class="elevation-1 display-2 white--green"
    &gt;
      &lt;template v-slot:item.action="{ item }"&gt;
        &lt;v-icon small class="mr-2" @click="editArticle(item.ARTICLE_NUM)"&gt;edit&lt;/v-icon&gt;
        &lt;v-icon small @click="deleteSingleArticle(item.ARTICLE_NUM)"&gt;delete&lt;/v-icon&gt;
      &lt;/template&gt;
    &lt;/v-data-table&gt;
  </code></pre>
  
  <p>Style</p>
  
  <pre><code>&lt;style scoped&gt;
  table.v-table thead tr th {
    font-size: 24px;
  }
  table.v-table tbody tr td {
    font-size: 24px;
  }
  &lt;/style&gt;
  </code></pre>