Data Clear and Reset blanks rows after horizontal + vertical scroll

[supremeqwert]

I'm submitting a ...

[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
This bug manifests after scrolling to the middle of the datatable. (Scroll down and scroll right on the datatable). By setting rows to empty rows = [] then adding the data back rows = data, there are missing entries at the start of the data table before scrolling.

Expected behavior
Rows would populate correctly after clear then unclear.

Reproduction of the problem
https://ngx-datatable-persistscroll-rp8nam.stackblitz.io

Use this link then scroll to the bottom right of the table. Then click the clear button. Then click the unclear button. Rows will be missing from the top of the data table.

Avoidance This is not a problem if you do not use virtual scroll. i.e. virtualization="false". However, for performance reasons this cannot be done in some applications.

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

Filtering the data table (i.e. status=Shipped and none of the entries are shipped) then clearing all filters. We should not have to scroll to load in missing data.

Please tell us about your environment:

• Table version:
  Table 20.1.0

• Angular version:
  Angular 14

• Browser: [all | Chrome]

• Language: [all | TypeScript X.X | ES6/7 | ES5]

[supremeqwert]

The first two rows of this are missing. Scrolling right and further down will result in more rows missing upon clear then unclear

[Subramaniyan]

I am experiencing a similar issue with ngx datatable where the problem occurs after performing both vertical and horizontal scrolling. I am adding my support to the previous reports of this issue.