how to style v-simple-tables
<v-data-table
:headers="headers"
:items="patients"
:pagination.sync="pagination"
:total-items="totalpatients"
:loading="loading"
no-data-text="No patients in this registry"
class="dataTable elevation-3"
>
<template v-slot:items="props">
<tr @click="$router.push({name:'patient', params:{id: props.item.id}})" class="row" :key="props.index">
<td class="text-xs-left">{{ props.item.lastName }}, {{ props.item.firstName }}</td>
<td class="text-xs-center">{{ props.item.mrn }}</td>
<td class="text-xs-center">{{props.item.dob}} Age: ({{ age(props.item.dob) }})</td>
<td class="text-xs-center">{{ formatDate(props.item.createdAt) }}</td>
</tr>
</template>
</v-data-table>