title: Vuetify v-data-table align center only one column
body: <p>i have:</p>
  
  <pre><code>    &lt;v-data-table :headers="headers" :items="tableData" :items-per-page="5" class="elevation-1"&gt;
  
          &lt;template v-slot:item.id="{ item }"&gt;
              {{item.id}}
          &lt;/template&gt;
  </code></pre>
  
  <p>How can I align the content of that column vertically center?</p>