Veutify animating v-data-table

<v-data-table         
    :headers="headers"
    :items="rows"
    :items-per-page="30"
     class="elevation-1">

          <template slot="rows" slot-scope="props">
              <td>{{props.rows.username}}</td>
              <td>{{props.rows.password}}</td>
          </template>
          <template v-slot:item.view="{ item }">
              <button v-on:click="viewUser(item.userId)" class="btn btn-outline-info">View Patient Data</button>
          </template>
          <template slot="rows" slot-scope="props">
          <td>{{props.rows.email}}</td>
          </template>
  </v-data-table>

How do I make it so every time a new row appears it fades in rather than "just appearing"?

Thank you