title: How to align headers on Vuetify v-data-table
body: <p>I have a weird problem with my header on my table, some titles are align to the top but others don´t, i tried everything even align: 'left', but it did not work out, here is a picture of my problem</p>
  
  <p><a href="https://i.stack.imgur.com/sAMJW.png" rel="noreferrer"><img src="https://i.stack.imgur.com/sAMJW.png" alt="enter image description here"></a></p>
  
  <p>And my code is this:</p>
  
  <p>*Table:</p>
  
  <pre><code>&lt;v-data-table :headers="header_data" :items="finalData" :search="search" u/click:row="showAlert"&gt;
                  &lt;template v-slot:item.aum="{ item }"&gt;
                      {{formatNumber(item.aum)}}
                  &lt;/template&gt;
              &lt;/v-data-table&gt;
  </code></pre>
  
  <p>And the data for the header:</p>
  
  <pre><code>header_data: [
                  { text: 'Name', value: 'fund', align: 'start' },
                  { text: 'Ticker', value: 'ticker', align: 'start' },
                  { text: 'Asset Class', value: 'assetclass', align: 'start' },
                  { text: 'Provider', value: 'issuer', align: 'start' },
                  { text: 'Geographic Focus', value: 'region', align: 'start' },
                  { text: 'Investment focus', value: 'focus', align: 'start' },
                  { text: 'AUM (USD)', value: 'aum', align: 'start' },
              ]
  </code></pre>
  
  <p>Thanks!</p>