how to style v simple tables

1<style scoped>
2.row td {
3   cursor: pointer;
4}
5.dataTable {
6   font-size: 15px !important;
7}
8table.v-table thead th { .  
9  font-size: 16px;
10}
11/* also tried table.v-table thead tr th { . */
12table.v-table tbody tr td {
13  font-size: 16px;
14  height: 15px;
15  padding: 0px;
16}
17</style>
18

1         <v-data-table
2            :headers="headers"
3            :items="patients"
4            :pagination.sync="pagination"
5            :total-items="totalpatients"
6            :loading="loading"
7            no-data-text="No patients in this registry"
8            class="dataTable elevation-3"
9         >
10            <template v-slot:items="props">
11               <tr @click="$router.push({name:'patient', params:{id: props.item.id}})" class="row" :key="props.index">
12               <td class="text-xs-left">{{ props.item.lastName }}, {{ props.item.firstName }}</td>
13               <td class="text-xs-center">{{ props.item.mrn }}</td>
14               <td class="text-xs-center">{{props.item.dob}} Age: ({{ age(props.item.dob) }})</td>
15               <td class="text-xs-center">{{ formatDate(props.item.createdAt) }}</td>
16               </tr>
17            </template>
18         </v-data-table>
19