Paginate

When displaying a large dataset in a table, you can leverage the component to load the data in chunks to improve the user experience and speed up loading.

<Paginate/> will allow the user to select the previous or next page and return a new offset. You can then pass this offset to a new API call to fetch the next set of results.

Preview

Code

<Paginate 
  offset={ offset } 
  limit={ 100 } 
  total={ data.total }
  loading={ data.loading }
  onChange={ os => setOffset(os) }
/>

You can find full working examples in the Mission Control events and logs pages.