Pagination not reducing table content

[chibuzoro]

I'm unable to get pagination working. the docs don't explain much to my understanding. I have datatables loaded as per documentation. using the advanced code example. Now footer appears to have pagination displayed and it responds to page select. However, the data on the table does not. I have 31 rows on the table, after switching page select to 5, table doesn't get limited to 5 rows.

i'm using Vue 2.5.3 vue2-datatable 2.1.18

[kenberkeley]

screenshot？

[kenberkeley]

rows displayed are only according to data

[chibuzoro]

[kenberkeley]

this.query.limit is 5 does not mean this.data.length is 5

[kenberkeley]

you have to control this.data to display

[chibuzoro]

as seen on the screenshot i'm expecting the table data displayed to be reduced to 5 per page.. but it just stays the same.. what do i need to do to achieve the desired effect as displayed in the example

[kenberkeley]

your backend API should return 5 rows according to query.limit === 5

[chibuzoro]

ooh i need to do another server query for the pagination to work?

[kenberkeley]

if API outputs all the rows, you have to control the display yourself. e.g.

this.data = rows.slice(this.query.offset, this.query.offset + this.query.limit)

[chibuzoro]

i thought like datatables.net this is meant to be an option. that is.. once the data is pulled from the server, the table can limit its display

[kenberkeley]

noop buddy... it's different

[kenberkeley]

if there are 10000000000+ rows, your page stucks!

[chibuzoro]

so how do i deal with page changes using this approach.. its not clear to me how to customize the behavior and positioning of the elements... going by your example. i already limit returned rows to 100 from the server.. i just want the pagination to split them as needed..

[kenberkeley]

that is a front-end pagination... not a common one...

[kenberkeley]

as I said, split it your self:

this.data = rows.slice(this.query.offset, this.query.offset + this.query.limit)

[kenberkeley]

also: this.query.total = 100

[chibuzoro]

ok

[kenberkeley]

your scenario is so strange, lol

[chibuzoro]

maybe id raise a new issue about how to reposition the elements.. e.g remove page-select from the footer and on to the top. also how to change the icon fonts used for sorting... looks like i have to rewrite the index of the datatable just to achive this

[chibuzoro]

Thanks for the help..

[kenberkeley]

you're welcome to DIY