TableBody

TableBody holds the rows of a table and, for a long list, renders only the rows in view and asks for the next page as the user scrolls.

The Table README describes it in full.

Stories

Default

Twenty rows through the virtualised body, the mode for a list that can grow long: scroll the frame and only the rows near the view stay mounted, as the counter below it shows.

Without React Window

The same twenty rows rendered all at once (useReactWindow off), which is simpler and enough for a short list that never pages.

With More Files

Five loaded rows followed by two placeholder rows, what the user sees while the next page is on its way (hasMoreFiles); fetchMoreFiles is called as the placeholders come into view.