問題タブ [react-data-grid]

Adazzle データ グリッドのグリッドをRedux-Formベースの反応コンポーネントに埋め込むにはどうすればよいですか?

セル編集を使用するデータ グリッドがあります。Adazzle グリッドは、行の状態変数といくつかのアクセサー メソッドを使用してデータをレンダリングします。行を更新するためのハンドラがあります。これは、フォーム データをグリッドからの変更と同期するために取ったアプローチです。問題は、 でフォームの値を変更した後、pristine フラグが false に設定されないことですhandleGridRowsUpdated。

また、Redux フォームから行を作成する方法を次に示します。Redux フォーム ベースのコンポーネントは、react-data-grid をラップする別のコンポーネントを消費します。

グリッドからの変更された値のみがサーバーに返されるように、おそらく彼がグリッドを更新するだけの非表示のフォームコントロールを使用することも考えていました。

画面サイズが小さいほど、値を持たない列が多くなります。画面の幅を手動で (ドラッグして大きくしたり小さくしたりして) 調整するとすぐに、すべての値が表示されます。これはバグのようです。値が表示されているセルと値が表示されていない隣接セルにhtmlがどのように表示されるかを示す2枚の写真を添付し​​ました。

1 つのセルに値が表示され、次のセルに値が表示されない| ウィンドウサイズをドラッグする前に

React は初めてで、react-data-grid に列の 1 つのチェックボックスを表示させようとしています。react-data-grid と react-data-grid-addons をインポートしましたが、必要な props を CheckboxEditor に渡す方法がわかりません。

ドキュメントから、「値」は「rowGetter」によって返されると推定されますが、「キー」と「onCellChange」の小道具をCheckboxEditorに渡す方法は、「this.state.viewColumns」から取得された「rowIdx」です。

例やチュートリアルは大歓迎です。