March 2019
Intermediate to advanced
534 pages
14h 52m
English
One suboptimal aspect of this example is the user's experience while they wait for table data to load. Showing the column headers upfront is fine, since you know what they are ahead of time and the user might too. What's needed is some sort of indicator that the actual row data is, in fact, loading.
One way to fix this issue is to add a circular progress indicator underneath the column headers. This should help the user understand that not only are they waiting for data to load, but that it's the table row data specifically, thanks to the position of the progress indicator.
First, let's introduce a new component for displaying a CircularProgress component along with some new styles:
const usePaperStyles = makeStyles(theme ...
Read now
Unlock full access