Added table busy animation
This commit is contained in:
		@@ -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>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user