Added table busy animation
This commit is contained in:
parent
ab4d8492bc
commit
8a149201a5
@ -3,12 +3,19 @@
|
||||
<b-col>
|
||||
<b-table striped hover :items="models" :fields="fields" :tbody-tr-class="rowClass" :busy="actionPending">
|
||||
|
||||
<!-- A virtual composite column -->
|
||||
<!-- A virtual column -->
|
||||
<template #cell(actions)="data">
|
||||
<b-button class="mx-1" size="sm" variant="primary" @click="actionInfo(data.id)"><b-icon icon="info"/></b-button>
|
||||
<b-button class="mx-1" size="sm" variant="danger" @click="actionDelete(data.id)"><b-icon icon="trash"/></b-button>
|
||||
</template>
|
||||
|
||||
<template #table-busy>
|
||||
<div class="text-center my-2">
|
||||
<b-spinner class="align-middle mx-2"/>
|
||||
<strong>Loading...</strong>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
</b-table>
|
||||
</b-col>
|
||||
</b-row>
|
||||
|
Loading…
Reference in New Issue
Block a user