title: Vuexy Vue JS and Laravel Template BS Table pagination is not working
body: <p>I am new to Vue JS, and I am using Vuexy template for my project. I have a BS Table that I am currently using, however, I could not activate the paginations. I set the attributes, but I could not see any 2nd or 3rd page in the paginations. I am using API to call for my data. Here is my source code and here is the screenshot of the current situation. Thank you for your help.</p>
  <pre><code>&lt;b-card-body class=&quot;d-flex justify-content-between flex-wrap pt-0&quot;&gt;
      &lt;!-- page length --&gt;
      &lt;b-form-group
        label=&quot;Per Page&quot;
        label-cols=&quot;6&quot;
        label-align=&quot;left&quot;
        label-size=&quot;sm&quot;
        label-for=&quot;sortBySelect&quot;
        class=&quot;text-nowrap mb-md-0 mr-1&quot;
      &gt;
        &lt;b-form-select
          id=&quot;perPageSelect&quot;
          v-model=&quot;perPage&quot;
          size=&quot;sm&quot;
          inline
          :options=&quot;pageOptions&quot;
        /&gt;
      &lt;/b-form-group&gt;
  
      &lt;!-- pagination --&gt;
      &lt;div&gt;
        &lt;b-pagination
          v-model=&quot;currentPage&quot;
          aria-controls=&quot;admissions&quot;
          :total-rows=&quot;totalRows&quot;
          :per-page=&quot;perPage&quot;
          first-number
          last-number
          prev-class=&quot;prev-item&quot;
          next-class=&quot;next-item&quot;
          class=&quot;mb-0&quot;
        &gt;
          &lt;template #prev-text&gt;
            &lt;feather-icon icon=&quot;ChevronLeftIcon&quot; size=&quot;18&quot; /&gt;
          &lt;/template&gt;
          &lt;template #next-text&gt;
            &lt;feather-icon icon=&quot;ChevronRightIcon&quot; size=&quot;18&quot; /&gt;
          &lt;/template&gt;
        &lt;/b-pagination&gt;
      &lt;/div&gt;
    &lt;/b-card-body&gt;
  </code></pre>
  <p>The values that I created in data functions:  perPage: 5, pageOptions: [3, 5, 10], totalRows: 1,currentPage: 1,</p>