Vuetify Data-Table Pagination Data Elements

1
votes

I have a data-table that has thousands of data inputs in it. Thus I am using the built in Vuetify pagination for loading only 5, 10, or 25 items on the table at once.

What I need to do though is know what data is on the table at one time. For instance if I am on page 2 of the table and it is displaying data: d6, d7, d8, d9, and d10, I want to be able to store those 5 items in a list different than my mainData list that way I can manipulate them all at once. I don't know how to do this as I don't know how to access the data on the page without a click action happening and I don't know how to know which page I am currently on or how many items are being displayed on the page.

If I could either on the page for the data-table loading, know which items are loaded or know which page I am on and how many items are currently being displayed (so I can calculate which items are on the page), that would be idea. But I don't know how to do either of those to things.

Is there anyway to figure this what items are being currently displayed?

1
javascriptvue.jsvue-componentvuetify.js
Post the code.. – Ryan Breece
codepen.io/anon/pen/vVJdbY?editors=1010#anon-login My code is work code, but here is a simulated version of it – EchoNano
i could give you a solution without using vuetify data table, i can give the current page content, index ..., if you still are having the problem relpy to my comment – Boussadjra Brahim
Any help at this point would be helpful. Though I can't change from using vuetify data table – EchoNano

1 Answers

0
votes

You have access already to the items show in the data table. it is in you're this.desserts If you need to create a duplicate for editing

this.newDesserts = {...this.desserts};