Fix double scroll bars when content of sql result table overflows horizontally

[xtinec]

The PR substracts the scrollbar height from the height of the container of the react virtualized table so we don't see double scrollbars.

This addresses the issue mentioned in #7083

cc @enricoberti

[codecov-io]

Codecov Report

Merging #7168 into master will increase coverage by <.01%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master    #7168      +/-   ##
==========================================
+ Coverage   64.63%   64.64%   +<.01%     
==========================================
  Files         422      422              
  Lines       20607    20609       +2     
  Branches     2253     2253              
==========================================
+ Hits        13320    13322       +2     
  Misses       7165     7165              
  Partials      122      122

Impacted Files	Coverage Δ
...src/components/FilterableTable/FilterableTable.jsx	91.01% <100%> (+0.2%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 36a6fad...9c1e165. Read the comment docs.

[enricoberti]

Ha! Nice one :)

I'm thinking maybe in the future we should programmatically get the scrollbar dimensions (to put in account the different scrollbar heights there are around).

In the good ol' jQuery it was something like this

$parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body');
$children = $parent.children();
width = $children.innerWidth() - $children.height(99).innerWidth();
$parent.remove();

[betodealmeida]

+1