You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The table has a fixed height, so it becomes scrollable once enough rows are loaded.
However, if the first page of data doesn't fill the table's height, onScrollToBottom never fires —
so only the first page is shown, and the user must resize the window or trigger a manual fetch.
Expected behavior
When using infinite scrolling and a fixed height, the table should automatically fetch more pages
until one of these conditions is met:
The table becomes scrollable (enough rows to overflow the viewport), or
The last fetched page is empty (hasNextPage = false).
Actual behavior
Currently, only the first page loads if it doesn’t exceed the table height,
because onScrollToBottom fires only after a scroll event occurs.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
Description
I'm implementing infinite scrolling using Mantine DataTable + TanStack Query (
useInfiniteQuery).The table has a fixed height, so it becomes scrollable once enough rows are loaded.
However, if the first page of data doesn't fill the table's height,
onScrollToBottomnever fires —so only the first page is shown, and the user must resize the window or trigger a manual fetch.
Expected behavior
When using infinite scrolling and a fixed height, the table should automatically fetch more pages
until one of these conditions is met:
hasNextPage = false).Actual behavior
Currently, only the first page loads if it doesn’t exceed the table height,
because
onScrollToBottomfires only after a scroll event occurs.Beta Was this translation helpful? Give feedback.
All reactions