quasar framework datatable laravel server pagination doesn't work - laravel-5

Question

I only want pagination of datatable to work, I used code in documentation here it is:
request ({ pagination }) {
// we set QTable to "loading" state
this.loading = true
// we do the server data fetch, based on pagination and filter received
// (using Axios here, but can be anything; parameters vary based on backend implementation)
axios
.get(`/api/`+this.dataSource+`/?page=${pagination.page}`,{ headers: { Authorization: 'Bearer '.concat(localStorage.getItem('token')) } })
.then(response => {
// updating pagination to reflect in the UI
this.serverPagination = pagination
// we also set (or update) rowsNumber
this.serverPagination.rowsNumber = response.data.data.data.rowsNumber
// then we update the rows with the fetched ones
this.tableData = response.data.data.data
// finally we tell QTable to exit the "loading" state
this.loading = false
})
.catch(error => {
// there's an error... do SOMETHING
// we tell QTable to exit the "loading" state
this.loading = false
})
}
and in laravel api used this code
`/api/`+this.dataSource+`/?page=${pagination.page}`,{ headers: { Authorization: 'Bearer '.concat(localStorage.getItem('token')) } }
it returns data for the first page but datatable's arrow buttons are disabled, Despite the existence of other data.
thanks in advance

Answer 1

I found the solution here is it
request ({ pagination }) {
this.loading = true
axios
.get(`/api/`+this.dataSource+`?page=${pagination.page}`, { headers: { Authorization: 'Bearer '.concat(localStorage.getItem('token')) } })
.then(({ data }) => {
this.serverPagination = pagination
this.tableData = data.data.data
this.serverPagination.rowsNumber = data.data.total
this.loading = false
})
.catch(error => {
// there's an error... do SOMETHING
console.log(error)
// we tell QTable to exit the "loading" state
this.loading = false
})
}
in controller :
$any_data = $this->dataRepo->paginate(5);