Next.js Discord

Discord Forum

Data Table Design Question

Unanswered
RW posted this in #help-forum
Open in Discord
RWOP
In general, if I design a table like in the image, with displayed data that changes when filters (sliders and dropdowns) are changed, how should I go about this?

What should live in the server vs client components? And how often should data be fetched from the PostgreSQL DB?

The parts involved so far are:
- page.tsx (server component, the tournament page (left image)), this imports TournamentStatsClient
- TournamentStatsClient, which houses DropdownMenuCheckboxes, two SliderRange components, and the DataTable

I've been stuck on this for several days, so any help would be appreciated.

0 Replies