0

高さと幅を拡張できるようにしようとしてRDG Tableいます(拡張のために使用しました)。コンポーネント(私の場合はコンポーネント)に&を動的に提供するためにReactGridLayout使用しています。これで、テーブルのスクロールバーが一番上にあるときに、テーブルの高さと幅が正しく拡張されます。下の画像は、スクロールバーが上部にあるテーブルを示しています 。テーブルを 展開すると、下の画像のようにすべてが正しく機能します。 react-sizemeheightWidthExample一番上のスクロールバーここに画像の説明を入力

Scrollbar を中間に置いてからテーブルの高さを広げるとすぐに、行が消えます。これらの行は、テーブルを少しだけスクロールするとすぐに表示されます。たとえば、下の画像では、スクロールバーは最初にありません(行6が表示されています)。 スクロールバーが先頭にありません

テーブルを展開すると、下の画像に示すように、いくつかの行が消えます。 行が消える

スクロールバーが最初にないときに、展開時に行が消える理由を理解できません。

CodeSandbox リンク: https://codesandbox.io/embed/rdg-optimising-scrolling-n6xpj

編集:テーブルには現在199行が含まれています。

4

2 に答える 2