Problem with dynamic items per page

[skywalkershen]

Hi, I'm trying to use dynamic items per page based on user input, yet I have following problem:

I added input for per page, when a number is chosen, the table will reload and show the 1st page. It works well until here.

Then, when changing the index, it shows all the items except those on previous pages.
say, I have items: [1, 2, 3 ... 15], and I choose perpage as 4 on page 2, it shows: [5, 6 ...15]. on page 3, it shows [9, 10 ... 15].

Any idea how to fix it? Thanks.

Please see the jsfiddle here for detailed info:
https://jsfiddle.net/skywalkershen/szvbwpou/

[kuamatzin]

@skywalkershen did you found the solution?