alliance-genome / agr_archive_initial_prototype

Source code for the Alliance of Genome Resources web portal
http://prod.alliancegenome.org/
MIT License
6 stars 11 forks source link

Add local and remote data tables based on react-bootstrap-table #378

Closed paaatrick closed 7 years ago

paaatrick commented 7 years ago

This change adds the components LocalDataTable and RemoteDataTable. Both of them are based on the react-bootstrap-table package.

LocalDataTable is used when all the data for the table is available and can be passed to the component. The table then manages sorting, filtering, paginating, and downloading. The disease table on the gene page has been updated to use this component.

RemoteDataTable is used when the table needs to show more data than can reasonably be fetched in one request and/or stored in memory. In this case the component offloads the sorting, paginating, filtering and downloading to the server (filtering and downloading are still work in progress). A dumbed-down, mocked-up version of an associations table on the disease page has been built with this component. More work to do here when the actual endpoint for that data is available.

This change set also includes a bit of bootstrap-related layout cleanup.