/Javascript/Bootstrap/Pagination in b table in bootstrap vue

Pagination in b table in bootstrap vue

new Vue({
  el: '#app',
  data() {
    return {
      items: [],
      fields: [{
          key: 'postId',
          label: 'Post ID'
        },
        {
          key: 'id',
          label: 'ID'
        },
        {
          key: 'name',
          label: 'Name'
        },
        {
          key: 'email',
          label: 'Email'
        },
        {
          key: 'body',
          label: 'Body'
        }
      ],
      currentPage: 0,
      perPage: 10,
      totalItems: 0
    }
  },
  mounted() {
    this.fetchData().catch(error => {
      console.error(error)
    })
  },
  methods: {
    async fetchData() {
      this.items = await fetch(`https://jsonplaceholder.typicode.com/comments?_page=${this.currentPage}&_limit=${this.perPage}`)
        .then(res => {
          this.totalItems = parseInt(res.headers.get('x-total-count'), 10)

          return res.json()
        })
        .then(items => items)
    }
  },
  watch: {
    currentPage: {
      handler: function(value) {
        this.fetchData().catch(error => {
          console.error(error)
        })
      }
    }
  }
})

Source: stackoverflow.com

Similar codes

2 votes253 views2 answers
Bootstrap change color table striped
CSS Bootstrap
0 vote232 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
133 votes334 views6 answers
Using bootstrap with react
Javascript Bootstrap
0 vote224 views1 answer
How make calender in bootstrap
Javascript Bootstrap
-1 vote272 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
3 votes243 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
13 votes289 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
0 vote221 views1 answer
React bootstrap table
Javascript Bootstrap
111 votes348 views6 answers
Install bootstrap in react
Javascript Bootstrap
0 vote262 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap