react-virtualized

0熱

1答えて

要素のインスタンスを作成して、コード内の関数を呼び出せるようにする必要がありますか？たとえば、theGridがタイプGridの場合、両方ともページに配置したいが、それをローカル変数として保存して、後でtheGrid.forceUpdate()と言うこともできます。下記のコードはGridを表示していません。しかし、が（もちろんパラメータを使用して）<Grid...>に置き換えられた場合は、ページに

0熱

1答えて

反応仮想化されたMasonryコンポーネントは、scrollTopまたはscrollToIndexの値を設定できますか？

私は、ウィンドウサイズに動的に調整する石積みレイアウトを実装しました。すべてがうまく機能します。私はその高さと幅を計算し、外の寸法が変化したときにセルの測定値をリセットします。編集中に特定の項目をプログラムでスライドして、プログラム上にスクロールするだけで済みます。これは可能ですか？ scrollTopまたはscrollToIndexを設定しようとしましたが、Listと違って効果はありません。私

0熱

1答えて

react-virtualizedリストコンポーネントの最後の行の高さを延長

私は高さpropを使って行の高さを設定しているところで、反応仮想化のリストコンポーネントを持っています。ただし、水平スクロールバーは最後の行と重複しているため、最後の行のテキスト内容が見えにくくなります。最後の行の高さを増やして、水平スクロールバーがテキストと重ならないようにする方法はありますか？これをコード内で動的に実行すると、動的リストがリアルタイムで成長しているときに、そのことが混乱すること

0熱

1答えて

複数のグリッドのためにCellMeasurerCacheを反応させた

グリッドが並んでいないので、最初にCellMeasurerを使って行の高さを動的に計算したいのですが、CellMeasurerCacheを別のグリッドから再利用する方法（セルの高さを同期させる方法/幅）？ jsbin example class App extends React.Component { constructor(props) { super(props);

2熱

1答えて

反応仮想化されたInfiniteLoaderの上下両方向

上下左右に無限スクロールを行う方法。私はInfiniteLoaderとListを使用していますが、どちらも反応仮想化コンポーネントです。私は最初の日付 - 時間範囲のタイムスタンプのリストを持っています。そこからリストは両方向に無限になるはずです。現在、リストの一番下までスクロールダウンすると_loadMoreRows（）関数がトリガされます。しかし、方向を上にスクロールするとき、同じ機能を持つ_

0熱

1答えて

scrollToIndexをinfiniteLoaderで使用する方法は？

List + InfiniteLoaderの組み合わせを使用しています。ロード時にリストのレンダリングを開始するインデックスを指定したいと思います。 ListコンポーネントのscrollToIndexプロパティを正しく設定せずに試みました。 InfiniteLoader + Listでレンダリングする開始インデックスを設定する適切な方法は何ですか？

0熱

1答えて

リアクション仮想化を行うために列見出しを取得するにはどうすればよいですか？

私はいくつかの長い列ヘッダーを持つ反応仮想化Tableを持っていて、省略記号で囲むのではなく列ヘッダーを折り返したいと思っています。誰でもこのことを起こす方法を知っていますか？を参考のために、ここにいくつかのサンプルコードです：あなたが見ることができるように makeTable = <AutoSizer> {({ width, height }) => ( <Table re

2熱

1答えて

反応仮想化テーブルでは行が表示されません

反応テーブルのカスタマイズ（AutoSizer内のInfiniteLoader内）とカスタム行レンダラーで問題があります。ヘッダー行はレンダリングされますが、データ行は表示されません。いずれの行にもrowRendererまたはrowGetterが呼び出されません。データがあることを確認しました（this.props.requests）。私は何が欠けているのですか、どうやってデバッグするのですか？

1熱

1答えて

フリー仮想化ウィンドウスクロールバーをフリーズしたヘッダーとフッターで使用する

反応仮想化WindowScrollerとCellMeasurerを使用して100個のサンプルレコードをスクロールしています。今、私はそれの上方と下方（フレックスを使用して）、冷凍ヘッダーとフッターで内容ペインに、このコンポーネントを配置、反応する仮想化は、最初のページを超えた追加データにもたらすことはありません。私のコンテナページの構造が作成反応するアプリテンプレートと同じです：： <div