[Vuejs]-Adding a refresh button in the footer of a v-data-table in vue

I did this just yesterday.

Try this

<v-card>
    <v-card-text>
        <v-data-table>
        </v-data-table>
    </v-card-text>
    <v-divider />
    <v-card-actions>
      <v-btn
        disabled
        block
        depressed
        class="transparent font-weight-bold grey--text pa-2 d-flex align-center justify-start"
      >
        <v-icon>add</v-icon>
        <span>Add new row</span>
      </v-btn>
    </v-card-actions>
</v-card>