Reactjs 水平滚动后失去样式

我正在组合

反应窗口滚动器、反应窗口和反应表

——水平滚动时遇到问题。它似乎失去了每一行的样式。尝试向下滚动一点，然后水平滚动-所有内容消失，现在尝试垂直滚动，它再次显示

要发布的URL:

我不确定是什么导致了这个问题。如果我在works中删除列表上的样式属性，但随后我将失去滚动到窗口的功能

---

一个潜在但真正丑陋的解决方案是在滚动上触发滚动事件：

const triggerScroll = () => {
  window.dispatchEvent(new CustomEvent('scroll'));
};

<VariableSizeList
                ref={ref}
                outerRef={outerRef}
                height={window.innerHeight}
                style={{...style, overflow: 'hidden'}}
                itemCount={data.length + 1}
                itemSize={() => 29}
                onScroll={triggerScroll}
                itemData={rows}
              >
                {renderRow}
              </VariableSizeList>

constTriggerScroll=（）=>{
dispatchEvent（新的CustomEvent（'scroll'））；
};
29}
onScroll={triggerScroll}
itemData={rows}
>
{renderRow}

---

我不认为这是一个好的解决办法，但现在，我看不到任何其他解决办法。我希望有人能更好地解决这个问题？：）

我没有从链接中看到任何样式问题。在滚动期间呈现剩余列表时似乎有延迟。请尝试在列表中向下滚动（远向下），然后尝试水平滚动，然后内容消失，使屏幕变小，然后尝试。。。然后你可以重新创建它。。。只要某些列不可见，您就必须水平滚动才能看到它们。。。也许有些计算出错了？我已经更新了问题的屏幕/视频序列