オーバーフロー: スクロールすると、テーブルの非表示の列が表示されなくなります。何が悪かったのか？

Question

react-grid を既存の flask アプリケーションに統合しています。これを行うには、カスタム Webpack 構成を使用してアプリケーションをコンパイルする必要があります。 React コンポーネントを正常にレンダリングできますが、react-grid を使用して overflow:scroll を適用すると、テーブルの表示部分のみがレンダリングされ、残りのスクロール領域は空白のままになります。

ここをクリックすると、オーバーフロー スクロールが有効になった React Grid の GIF が表示されます

ここをクリックすると、オーバーフロー スクロールなしの React Grid の GIF が表示されます

Answer 1

この問題は解決しました。要素を検査して、ブラウザーで overflow:scroll を設定します。 Reactgrid は、コンポーネントが最初にレンダリングされるときに、計算に事前定義された幅を使用するようです。オーバーフローの設定: CSS ファイルをスクロールしてページをリロードすると、問題が解決しました。