react-data-grid中水平滾動上的凍結列抖動

Question

我正在使用react-data-grid。 當我在移動設備中加載網格時，凍結的列在水平滾動時閃爍。 這是重現該錯誤的鏈接。

http://adazzle.github.io/react-data-grid/examples.html#/fixed-cols 。

只需在移動視圖中加載網格，然后嘗試水平滾動即可。

以前曾遇到此問題的任何人，請提出一些解決方案

Answer 1

我一直在觀察相同的行為。 將以下內容添加到數據網格容器中有助於：

-webkit-overflow-scrolling: auto;

Answer 2

就我而言，將-webkit-overflow-scrolling設置為auto並沒有幫助。 同樣在這篇文章中， sontek說設置rowHeight可以修復ises，但在我的情況下也不起作用。

最后，我不得不從自定義TableRow組件中刪除border-bottom ，以解決此問題。 甚至沒有box-sizing 。

我做了什么：

<div className={styles.tableRow}>
    {this.props.children}
+    <div className={styles.tableRowBorder} aria-hidden={true} />
 </div>

 .tableRow
 {
     // ...
-    border-bottom: 1px solid $colorGrayLighter3;
+    position:   relative;
 }
+
+.tableRowBorder
+{
+    height:         1px;
+    position:       absolute;
+    pointer-events: none;
+    width:          100%;
+    bottom:         0;
+    left:           0;
+    background:     $colorGrayLighter3;
+}

對於落在這里的任何人，這基本上就是這個問題的樣子：

用戶界面：

DOM：