Content: Multi Page Table - Skeleton Loading Screen

[zcolah]

Problem

The multi-page table is blank while loading data, offering no indication of what to expect to a user. This results in a jarring and unclear loading experience, especially when users scroll quickly or are waiting for the table to load.

Solution

We are adding in skeleton loaders so the user knows what to expect (aka a table). These same skeleton loaders will also load up when the user is scrolling down the table fast and we are still loading the data for the rows being scrolled into view. This solution provides users with a clearer expectation of the final layout and creates a smoother, more cohesive loading experience.

Figma

https://www.figma.com/design/hFep75jMKpWEHXkq6oK6lP/Loading-Screens?node-id=47-10771&t=gMw6ErumLShyh02C-1

Developer Notes

The skeleton loader for each kind of cell is provided here: https://www.figma.com/design/hFep75jMKpWEHXkq6oK6lP/Loading-Screens?node-id=49-5267&t=gMw6ErumLShyh02C-1