Vue-material: Pagination not work in 7.0.2

[husseinjahan]

Steps to reproduce

browse to
https://vuematerial.github.io/#/components/table

Which browser?

all browsers

What is expected?

next page button must be active

What is actually happening?

nextpage is inactive

[pablohpsilva]

I'll look into it ASAP. Thank you @husseinjahan :D

[daviddelucca]

@pablohpsilva I have the same problem. The last version that pagination is working is on 0.7.1 - version 0.7.3 is broken too.

[shvelo]

The row count selector doesn't work too.

[pablohpsilva]

I believe @d3radicated fixed it on v0.7.4 guys. Could you please have a try and feed me back ?

[d3radicated]

The issue I fixed is for the md-table selection. I'll try to look into this. :D

EDIT: It might be a documentation issue. Pagination is working fine on the develop branch.

[daviddelucca]

@pablohpsilva
Still not working on 0.7.4.

[hypercub3d]

vue-material: 0.7.4
vue: 2.3.3

The paginator seems to have an issue when the component is loaded from cache.

So let's say I have a table component loaded on route A. If I load the page on route A, then navigate to route B, and then back to route A, the paginator's forward and backward buttons are disabled.

It shows the correct number of items, and the correct row count, but I'm unable to navigate to a different page.

If I reload the page, the component works again, until I navigate away and back.

Also, this behavior occurs whether the md-total property is hardcoded or reactive.

[Samuell1]

@hypercub3d same issue i have too

[bendo01]

vue-material: 0.7.4
vue: 2.3.4

i think i found the bug
on https://github.com/vuematerial/vue-material/blob/master/src/components/mdTable/mdTablePagination.vue

on data

data() {
        return {
            totalItems: 0,
            currentPage: 1,
            currentSize: parseInt(this.mdSize, 10)
        };
 },

it suppose

data() {
        return {
            totalItems: this.mdTotal,
            currentPage: 1,
            currentSize: parseInt(this.mdSize, 10)
        };
    },

[hypercub3d]

@bendo01 I tried this change, and it does not seem to fix the problem for me.

[dixonwille]

@bendo01 you were close. But this.mdTotal can be string. I just added a line in $nextTick that will update totalItems appropriately on component load.

[levthedev]

Just chiming in here to say that I love vue-material but I can't use it until pagination works for me.

Currently, copying and pasting in the pagination example from the docs produces a table that shows all of the items at once and won't let me change the number of rows per page or click to the next or previous page.

[Samuell1]

@levthedev for me works fine, do you define all options for pagination?

[levthedev]

@Samuell1 All options are defined, yeah. I've gotten it to mostly work now, with the only remaining issue being that the next page button is disabled except right after a full page refresh. So for example, if I navigate to another router view and then click back to my component with pagination, the next button is disabled until I do a page refresh.

[pablohpsilva]

The issue was fixed on #914 according to @dixonwille and @Samuell1 :D
Thank you everyone! :D

[Samuell1]

@levthedev you need recompile after PR

[MRxiongyu]

I use the version 0.7.4, or encounter this problem

[dixonwille]

@MRxiongyu I encountered the bug in 0.7.4. The fix is on the develop branch now if you build it from there. Will have to wait for another release otherwise.