問題タブ [react-bootstrap-table]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
5632 参照

reactjs - react-bootstrap Gridの幅と高さが等しいセル

Gridのdivセルの幅と高さが自動的に等しくなるようにしようとしています。これらのセルのコンテンツ サイズはさまざまであり、グリッド全体の幅も異なります。目標は、応答性が高く、セルの内容のサイズに依存しないようにすることです。react-bootstrap

また、これを実現するために React の FlexBox レイアウトのような最新のものを使用することも考えています (存在する場合)。以前は FlexBox を使用していましたが、このようなレイアウトを実現するにはおそらく FlexBox が最適であることを知っています。

0 投票する
1 に答える
3374 参照

javascript - React ブートストラップ テーブルには行数が表示されます

react bootstrap tableを使用してテーブルの行数を表示するにはどうすればよいですか。

さらに、検索パラメーターを使用してテーブルをフィルター処理しているため、テーブル データがフィルター処理されるときに行数を更新したいと考えています。

0 投票する
1 に答える
2603 参照

javascript - ネストされたフィールドでの react-bootstrap-table 検索

こんにちは、react-bootstrap-table モジュールを使用してページにデータを表示しています。検索機能を使用して、特定の列で結果をフィルター処理したいと考えています。これが私のレンダー関数のスニペットです:

OS および Battery Condition フィールドは、次のようにネストされた値です。

(サンプルデータ)

これらの列に必要な情報を表示するには、dataFormat 属性を使用します。また、モデル、OS、バッテリーの状態の列で検索できるようにしたいと考えています。モデルで検索するとすべて正常に動作しますが、ネストされたフィールドでフィルタリングしようとすると、結果が得られません。誰でも私を助けることができますか?ありがとうございました!

0 投票する
1 に答える
3946 参照

reactjs - react-bootstrap-table の並べ替えが数値フィールドで正しく機能しない

Firebase Realtime Database のフロントエンドに ReactJS を使用するプロジェクトがあります。データの一覧表示には、react-bootstrap-table が使用されます。数値フィールドでの並べ替えが正しく機能しません。これらのフィールドのデータ型を強制的に変更する API/プラグインが見つかりません。

デフォルトの並べ替え:価格 - 降順

データ表

並べ替え:容量 - 降順

容量順

アイテムの JSON 構造

アイテムの JSON