Header's Border not connect with body's border and header position change after random scrolling

[gaweki]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.6.4 and 2.1.6

Environment

Ubuntu, Codesandbox

Reproduction link

Steps to reproduce

1. Use minimal 100 row data, right and left fixed, and 17 columns
2. From top row, scroll from top left to bottom right fast untill middle part data, then scroll to left bottom till very last part data

What is expected?

The header border and body border should connects and header and body position should corrects

What is actually happening?

the border not connects and the position randomly change

https://i.ibb.co/KNYqwtv/Screenshot-from-2021-07-26-15-52-49.png

in the https://ant.design/components/table/#components-table-demo-fixed-columns-header, it is error too: https://i.ibb.co/4RTm1fS/Screenshot-from-2021-07-26-17-43-17.png, reproduce:

1. fast scroll with like half circle pattern from top, dont scroll till the bottom data row

---

please compare with react version : https://codesandbox.io/s/empty-microservice-bobd7?file=/index.js
vue: https://codesandbox.io/s/zealous-rosalind-cop41?file=/src/App.vue