溢位：捲動導致表格的隱藏列不被渲染。出了什麼問題？

Question

我正在將react-grid整合到現有的flask應用程式中。為了做到這一點，我必須使用自訂的webpack配置來編譯應用程式。我能夠成功地渲染react元件，但當我使用react-grid並應用overflow: scroll時，只有可見部分的表格被渲染，其餘的滾動區域保持空白。

點這裡看啟用overflow捲動的React Grid的gif圖

點這裡看未啟用overflow捲動的React Grid的gif圖

Answer 1

我解決了這個問題。我透過檢查元素在瀏覽器中設定了overflow: scroll。 Reactgrid似乎在元件首次渲染時使用預先定義的寬度進行計算。在我的CSS檔案中設定overflow: scroll並重新載入頁面解決了這個問題。