BootstrapvueLookup.html

<template>
  <div>
    <b-form-input v-model="contentFilter" placeholder="Filter"></b-form-input>
    <b-table id="my-table" striped hover :items="items" :fields="fields" :sort-by.sync="sortBy"
      :sort-desc.sync="sortDesc" :per-page="perPage"
      :current-page="currentPage" :filter="contentFilter" @filtered="onFiltered"></b-table>
    <p class="mt-3">Total Rows: {{ rows }}</p>
    <div v-show="rows > pageLimit">
      <div class="mt-1">
      <b-pagination v-model="currentPage" pills :total-rows="rows" :per-page="perPage" :limit="pageLimit" aria-controls="my-table" first-number last-number size="lg"></b-pagination>
    </div>
    </div>
  </div>
</template>