Atlas experiment table
We implement a sortable table header and check box table cell for downloading atlas experiments' files. Evergreen Table component is used in this repository.
Table header/content props structure
Table information is passed by an array of objects, named as tableHeader, including mandatory entries type, title, width and dataParam.
If the table cell links to another page, please indicate link, resource, endpoint, which will be transformed as a href to host/resource/data[link]/endpoint
For example:
[
{type: `plain`, title: `index`, width: 60, dataParam: null, link: null}
{type: `sort`, title: `Loaded date`, width: 140, dataParam: `lastUpdate`, link: null},
{type: `search`, title: `species`, width: 200, dataParam: `species`, link: null},
{type: `search`, title: `experiment description`, width: 360, dataParam: `experimentDescription`,
link: `experimentAccession`, resource: `experiments`, endpoint: `Results`},
{type: `search`, title: `experiment factors`, width: 260, dataParam: `experimentalFactors`, link: null},
{type: `sort`, title: `Number of assays`, width: 160, dataParam: `numberOfAssays`,
link: `experimentAccession`, resource: `experiments`, endpoint: `Experiment Design`}
]
Run it on your browser
Use Webpack-Dev-Server:
npx webpack-dev-server -d