問題タブ [fixed-data-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.
reactjs - React fixed-data-table のセル内で material-ui IconMenu を使用する方法
グリッドの作業サンプルをまとめて、グリッドの各行の列に IconMenu を追加したいと考えています。アイコン ボタンが表示されていますが、クリックしてもメニューが表示されません。以下は、グリッドのコードです。
material-ui から IconMenu で動作するfixed-data-tableを取得できた人はいますか?
reactjs - React Js 固定データ テーブル行の更新
私の要件は、ストアからデータを取得し、固定データ テーブルを使用してデータを入力し、各行に対して編集ボタンを配置する必要があることです。編集ボタンをクリックした後、フィールドを更新した後、編集可能なオプションでモーダルボックスに行データを表示し、最後にモーダルボックスの保存ボタンをクリックして、データベースでデータを更新する必要があり、固定データテーブルも必要です更新も。
これまで、行ごとに編集可能なオプションを備えた固定データ テーブルを使用して店舗データを表示する作業を行ってきました。しかし、データベースのレコードを更新した後、テーブル全体を更新せずに固定データテーブルの行のみを更新する方法に行き詰まりました。
以下は私のコードであり、それが正しい方法であるかどうかわかりません
reactjs - griddle-react:設定メニューから行設定を外部化するにはどうすればよいですか
グリドルの個別設定メニューから行設定を分離したい。
DataTables ライブラリのホームページに良い例があります。私は本質的にDataTablesレイアウトを再作成したいのですが、Griddleライブラリを使用しています
reactjs - electron-es6-react で親コンポーネントから子コンポーネントを呼び出す
私はreact es-6でelectronを使用しています。固定データテーブルのデータを表示する必要があります。そのために、このようにコードを書きました。ここからのメインクラスコードです。固定テーブルを呼び出しています
子クラス:ここでは、このクラスのコンストラクター(小道具)で固定データテーブルを使用しています。親クラスで取得している結果データに結果を設定する必要があります
どんな助けでも大歓迎です
reactjs - 反応ES-6で状態を設定した後、ステートメントに到達していません
この反応コードでは、データを現在の状態に設定しようとしています。データを状態に設定した後、固定データ テーブルで使用する必要があります。それを実現するには、以下のように記述しました。主な問題は、" this.setState " のcomponentDidMountが実行されていないか、そこでデータ テーブル関数を呼び出す必要がある場所に到達していません。ここに私のコードがあります:
状態は正常に更新されましたが、そのステートメントに達しなかった後、 IN componentDidMount、どんな助けも大歓迎です。
javascript - ReactClass を ReactComponent ES6 に変換する
私は Facebook の固定データ テーブルを使用しています: https://github.com/facebook/fixed-data-table
だから私はES6を使用してReactCreateClassコンポーネントをReactコンポーネントに変換しようとしています.React Classは次のとおりです:
そして、React ES6 を使用した結果:
正常に動作していますが、bind メソッドを使用して React ES6 コンポーネントに rowGetter メソッドと属性を追加する必要がある理由がわかりません。Facebookやその他のReactコンポーネントをES6に変換する必要がある場合、非常に長くて面倒です。render メソッドを ReactClass から ES6 の React Component にコピー アンド ペーストできないのはなぜですか?
javascript - React FixedDataTable レスポンシブ行/セル サイズ
固定データ テーブルを定義するときは、rowHeightプロパティを使用して行の高さを指定します。ただし、コンテンツが大きすぎる場合に静的な値 (たとえば、高さ 50 ピクセル) を設定するcell
と、高さが明示的に設定されているため、コンテンツが切り取られます。rowHeightGetterコールバック関数があることがわかりますが、その関数への引数には関連性がないようです (おそらく、それが取得している行である可能性がありますか?特定の列またはのデータについては何も意味がありませんcell
)。
だから私は興味がありcell
ます、それが含まれているデータに(多少でも)反応するようにする方法はありますか?
これは簡単な例ですが、実行すると、最初の列のセルの内容が切り取られ、その中に何が含まれているかを確認できないことがわかります。
私はしばらくの間、この問題について壁に頭をぶつけてきましたが、私を助けるものは何も見つかりませんでした. 何か他のものを使用する必要があると考え始めています。誰でもヒントやアドバイスを提供できますか?
thnx、クリストフ