As discussed on Slack...The following outlines the general filter behaviour for the columns (for testing too)
[x] The filter icon when hovering changes from grey to the blue. Nice to have: a tooltip that says "Filter by column name" when hovering over the filter icon
[x] The user clicks on the filter icon to open the filter options. It closes when they click on that filter icon OR clicks on another filter icon (two filters would not be open at the same time) OR clicks anywhere else on the screen besides the filter option dropdown
[x] Clicking anywhere else on the table header cell will sort the column as it's working now
[x] When the filter is open, the active state would be the whole header cell gets shaded grey and the filter icon is blue.
Reference for storybook for the UI component library: https://argo-ui-storybook.netlify.app/
https://wiki.oicr.on.ca/pages/viewpage.action?spaceKey=icgcargotech&title=Program+Dashboard+Page+Specs#ProgramDashboardPageSpecs-4.1TableDataFields,Filters,&DataSources
As discussed on Slack...The following outlines the general filter behaviour for the columns (for testing too)
supported by: https://github.com/icgc-argo/platform-api/issues/416