オーバーフロー: スクロールすると、テーブルの非表示の列が表示されなくなります。何が悪かったのか？
P粉345302753
2023-08-17 13:55:29
<p>react-grid を既存の flask アプリケーションに統合しています。これを行うには、カスタム Webpack 構成を使用してアプリケーションをコンパイルする必要があります。 React コンポーネントを正常にレンダリングできますが、react-grid を使用して overflow:scroll を適用すると、テーブルの表示部分のみがレンダリングされ、残りのスクロール領域は空白のままになります。 </p>
<p>ここをクリックすると、オーバーフロー スクロールが有効になった React Grid の GIF が表示されます</p>
<p>ここをクリックすると、オーバーフロー スクロールなしの React Grid の GIF が表示されます</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
この問題は解決しました。要素を検査して、ブラウザーで overflow:scroll を設定します。 Reactgrid は、コンポーネントが最初にレンダリングされるときに、計算に事前定義された幅を使用するようです。オーバーフローの設定: CSS ファイルをスクロールしてページをリロードすると、問題が解決しました。