Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vuetble-2 Pagination not working from page-2 #709

Open
Krishna00001 opened this issue Mar 16, 2021 · 0 comments
Open

Vuetble-2 Pagination not working from page-2 #709

Krishna00001 opened this issue Mar 16, 2021 · 0 comments

Comments

@Krishna00001
Copy link

  <vuetable-pagination
    ref="pagination"
    :pageCount="this.pageCount"
    :css="css.pagination"
    @vuetable-pagination:change-page="onChangePage"
  ></vuetable-pagination>
</div>

fields: [
{
title: "S.No",
name: "rownum",
},
{
title: "Project Id",
name: "project_name",
sortField: "project_name",
},
{
title: "Personnel Access",
name: "access",
sortField: "access",
},
{
title: "Date Created",
name: "created_date",
sortField: "created_date",
},
{
title: "Date Modified",
name: "modified_date",
sortField: "modified_date",
},
{
title: "Status",
name: "status",
sortField: "status",
formatter: (value) => (value == "1" ? "Active" : "InActive"),
dataClass: "status text-center",
titleClass: "text-center",
},
{
name: "Actions",
title: "Action",
titleClass: "text-center",
dataClass: "text-center",
},
],
sortOrder: [
{
field: "id",
direction: "desc",
},
],

methods: {
onPaginationData(paginationData) {
console.log(paginationData);
this.pageCount = paginationData.data.data.length;
if (paginationData.data.data.length > 0) {
this.display_paging = true;
} else {
this.display_paging = false;
}
this.$refs.pagination.setPaginationData(paginationData.data);
this.$refs.paginationInfo.setPaginationData(paginationData.data);
},
onChangePage(page) {
this.$refs.vuetable.changePage(page);
},
}
paginationError1

@Krishna00001 Krishna00001 changed the title Vuetble-2 Pagination not working properly Vuetble-2 Pagination not working from page-2 Mar 16, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant