I have a data set with a card list, where each card represents a field or category. Each field can have up to 10 different items associated with it. When I select a card (like “Sportsmanship”), I want to display its associated items on a dedicated page for sportsmanship
. Similarly, when I select another card (like “Confidence”), I want its associated items to show up on a separate page. However, I’m running into these issues:
- When I switch to a new card or tab, the previous card’s data carries over, instead of showing data specific to the new card.
- All tabs or pages seem to be linked or dependent on each other, so any change I make on one affects the others.
How can I organize my data or structure my interface so that:
- Each card loads its own set of items on its dedicated page?
- Switching between cards doesn’t overwrite or mix up the data on different pages?
Additional Information:
- There are 8 cards (fields), and each card can have up to 10 associated items.
- Each page should independently display only the items for the selected card.