Pagination is not being displayed

[yusupprog]

Hi. Can't make pagination work

Here's my vue template

<template>
    <div>
        <vuetable 
                  :reactive-api-url="true"
                  :api-url="here-valid-url"
                  :fields="['id', 'name', 'email']"
                  :per-page="1"
        />
        <vuetable-pagination ref="pagination"/>
    </div>
</template>

here's my response from server

{  
   "data":[  
      {  
         "id":3,
         "name":"Test",
         "email":"test@test.test",
         "phone":"phone",
      }
   ],
   "links":{  
      "pagination":{  
         "total":2,
         "per_page":1,
         "current_page":1,
         "last_page":2,
         "from":1,
         "to":2
      }
   }
}

Pagination isn't even being appeared. Please help. By the way very nice package! Like it Thanks!

[ratiw]

@yusupprog Which version of Vuetable you're using? vue-table or vuetable-2??

[yusupprog]

vuetable-2

[ratiw]

You're posing in a wrong repo. Please go through the tutorial first. There's some differences between vue-table and vuetable-2.

[yusupprog]

I think I went through all tutorials and documentation related to pagination. Could't make it work. Can you just tell me what is wrong in my code?

[yusupprog]

methods: {
    //...
    onPaginationData (paginationData) {
      this.$refs.pagination.setPaginationData(paginationData)
    },
    onChangePage (page) {
      this.$refs.vuetable.changePage(page)
    }
  }

I think i missed that Right?

[ratiw]

At see see this one.

[yusupprog]

OK. Just missed event listening Thanks.

methods: {
    //...
    onPaginationData (paginationData) {
      this.$refs.pagination.setPaginationData(paginationData)
    },
    onChangePage (page) {
      this.$refs.vuetable.changePage(page)
    }
  }