Changing one dropdown in Table affects same position

jmoney · 2024-07-08T02:03:09.287Z

Hello - I’ve spent a ridiculous amount of just finally figuring out pagination on one of my data types. In this example, I have a list that is 150 items long (though it can be any length). I wanted to add better UI so users can choose from a Dropdown to go to a specific ‘Round’ (e.g. 15 rounds of 10 items each) and change a dropdown value if they wish.

Screenshot 2024-07-07 at 9.59.18 PM926×1148 37.2 KB

However, what I’m finding is that changing one dropdown affects the next page’s cell too. Both of these items are row 1 of their respective pages.

Screenshot 2024-07-07 at 9.59.22 PM928×1166 39.8 KB

I’d like to be able to keep them all distinct and separate - any ideas?

GH5T · 2024-07-08T04:34:51.897Z

If all the matches or games have a specific amount of rounds, you would want to set a global state (outside of the RG) that can handle which round you have selected. When a user goes to a new game, set it back to one. That’s a simple method I could think off right off the bat.

Now another thing you could do to keep memory of which round is selected, you can use LocalStorage / Cookies to keep track of that. I use my Toolkit plugin to accomplish stuff like this.

jmoney · 2024-07-08T13:25:13.744Z

Thanks @GH5T - a quick clarification question:

Currently this entire thing represents a ‘Draft’ - (this draft specifically has 10 teams and 15 rounds - or 150 ‘picks’ total). I’m trying to understand your suggestion a bit better, since a user can change any amount of picks in a round. Could you please specifically let me know how this might work?

system · 2024-09-16T02:03:38.051Z

This topic was automatically closed after 70 days. New replies are no longer allowed.