Describe the bug

When using the sticky header I can see when scrolling part of the background row, and it looks kind of bad.

My table is defined as:

<b-table primary-key="id" :fields="fields" :items="nodes" :filter="filter" head-variant="light" sticky-header="77.3vh" show-empty hover bordered>

Also, setting the height to something like calc(100vh-100px) does not work.

Expected behavior

The background row should be completely hidden behind the header. I only found this to be an issue on chrome.

Versions

Libraries:

• BootstrapVue: ^2.0.0-rc.28
• Bootstrap: ^4.3.1
• Vue: ^2.6.10

Environment:

• OS: Windows 10
• Browser: Chrome 76.0.3809.132