問題タブ [react-bootstrap-table]

reactjs の完全な機能 (編集、削除、挿入、列ごとのグループ化、ページネーション、その他) のデータ グリッドを探しています。検索した後、react-bootstrap-table ( http://allenfang.github.io/react-bootstrap-table/index.html ) を見つけました。これには、列でのグループ化を除いて、必要なすべての機能があります。他の反応データグリッドはありますか、または反応ブートストラップテーブルでグループを追加する方法を知っている人はいますか?

現在、独自の列セレクターをフラスコ ブートストラップ テーブル 3.0-beta2 パッケージに統合しようとしています。次のような問題のセクションで、github の例を見つけました。

ただし、これは当然のことながらID列のみを表示/非表示にし、他の値のチェックボックスはチェックされた値でスタックし、クリックすると、ID列のみをチェック/チェック解除し、非表示/表示します

計算された変数を使用して解決策を見つけようとしていますが、次のものを作成しました。

これにより、列が正しく非表示になりますが、明らかに非表示にはなりません。this.state.hiddenColumns.givenCol を切り替えるにはどうすればよいですか?

私が見ていないよりクリーンなソリューションはありますか？

反応ブートストラップ テーブルを使用しており、テーブルの列の 1 つとして「ステータス」があります。この列は dataFormat タグを使用してフォーマットされており、チェックボックスをレンダリングして表示する関数を作成しました。このようなもの ：

今、チェックボックスの値を更新したいと思います。しかし、関数である statusFormatter は、チェックボックスの値を更新するためのハンドルを提供しないと思います。

関数のコードは次のとおりです。

次のエラーが表示されます: 未定義のプロパティ「バインド」を読み取ることができません

チェックボックスの値を更新してサーバーにアクションを送信する方法を教えてください。

ブートストラップ テンプレート (サービス エリア) にデータ テーブルを追加したいのですが、テーブルにはこのような動的な行の追加、編集、および検索機能が必要です。

これをテンプレート サービス エリアに配置したいと思います。

これどうやってするの ？ ここに私のテンプレートがあります

反応プロジェクトにブートストラップ テーブルがあります。クリックした行のインデックスを取得したい。この onclick = {this.handleClick} のようなことをしたいのですが、handleClick 関数で行のインデックスを取得したいと考えています。それは可能ですか？利用可能なソリューションのほとんどは、jquery を使用してすべてを示していますが、私は Jquery を使用したくありません。JavaScriptのみを使用してそれを行いたいです。これは私のテーブルです

私は簡単なことをしようとしています:列に行番号を表示しreact-bootstrap-tableます。問題は、可能なように見える唯一の方法は、並べ替えがオンになっている場合にスクランブルされるインデックスを持つデータ フィールドを追加することです。

理想的には、これを可能にする方法がありますが、見つけることができないようです。

例: モーダルで表示されるテーブル 検索ボタンをクリックすると、Java アプリケーションに既存の機能があります。モーダル ウィンドウ (データ テーブル グリッドのような) がポップアップし、データをテーブル形式で表示します。テーブルからのレコードは、既存のフォームで選択されます。ReactJs と react-bootstrap を使用してこれを達成する方法は? この要件をインポートして作業するライブラリはありますか? ドロップダウンのフィルタリング、並べ替え...

Col1 Col2 Col3 +ADD 行 --- ---- ----

行を選択した場合.. Col1 Col2 Col3 -Del 行

Ok。行を選択すると、値がメインフォームに表示されます