Table turns white when scrolling after filtering

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior

datatable turns white when scrolling after filtering, and return to normal state after scrolling once again.

• condition

1. use [scrollBarV]=true option
2. scroll down a bit (away from the top) <- Important point
3. filter items of the table to empty <- the bug not occurred if not empty
4. return to the original items => table has gone to white, and return when scrolling.

Before filtering if the scrollbar is at the top (the state not scrolled), there is no bug.

Expected behavior

the table has to show items normally.

Reproduction of the problem

you can reproduce the bug here http://plnkr.co/edit/YtQgkkJ2sWHXVzk0rUSf

What is the motivation / use case for changing the behavior?

this bug causes confusion to users like there is no item in the table.

Please tell us about your environment:

macOS 10.12.6, npm 5.6.0

• Table version: 0.8.x

11.1.7 (also 11.2.0)

• Angular version: 2.0.x

Angular 5.2.0

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

Chrome 65.0.3325.162

• Language: [all | TypeScript X.X | ES6/7 | ES5] typescript 2.4.1, es5

[diegosch21]

I have the same issue: if i scroll the table and then update the rows data, the portion of table i scrolled has no rows.

I need the virtual scroll, so my temporary solution is:

this.datatable.bodyComponent.updateOffsetY(0);
setTimeout(() => {
      // Update logic
},10);

It would be nice if it can be solved without that hack.

[KingDarBoja]

Related to #1449.

Gonna see if there is a possible fix by editing the source code.

Cheers!