Deal with excessive table width: horizontal scroll, freeze column(s), move search box

[bhavyaac]

The following screenshot shows how the table looks with several genes. Currently, the search bar is far off to the right (not visible in the screenshot).

I would like to:

1. Implement horizontal scrolling within the table - using a div with overflow-x: scroll
2. Freeze the Cluster column (leftmost column) - using a tutorial for freezing column(s) in reacTable
3. Move the search bar to the left side or (if this is not possible) implement another way of filtering/searching the table that will be visible regardless of the number of genes

It's a bit hard to test these locally with only 6 genes, but I can make the max width of the table smaller on purpose to force the scroll to occur!

[bhavyaac]

This is unrelated to the changes I proposed in the issue, but it's about enhancements to the table, so I placed it here as well. I was reading some of the reacTable documentation and I was able to colour the gene column values based on their values (see screenshot below). @sjessa Do you think this would be a useful feature? And if so, would you prefer a different palette? (This one is just lighter and darker shades of orange.)

[sjessa]

@bhavyaac Cool, I think this is useful. I like the orange, if you're looking for other options, a good place to check is the RColorBrewer package. Their "YlOrRd" palette might work nicely here, but I like this one too.