高さと幅を拡張できるようにしようとしてRDG Table
います(拡張のために使用しました)。コンポーネント(私の場合はコンポーネント)に&を動的に提供するためにReactGridLayout
使用しています。これで、テーブルのスクロールバーが一番上にあるときに、テーブルの高さと幅が正しく拡張されます。下の画像は、スクロールバーが上部にあるテーブルを示しています
。テーブルを
展開すると、下の画像のようにすべてが正しく機能します。
react-sizeme
height
Width
Example
Scrollbar を中間に置いてからテーブルの高さを広げるとすぐに、行が消えます。これらの行は、テーブルを少しだけスクロールするとすぐに表示されます。たとえば、下の画像では、スクロールバーは最初にありません(行6が表示されています)。
テーブルを展開すると、下の画像に示すように、いくつかの行が消えます。
スクロールバーが最初にないときに、展開時に行が消える理由を理解できません。
CodeSandbox リンク: https://codesandbox.io/embed/rdg-optimising-scrolling-n6xpj
編集:テーブルには現在199行が含まれています。