問題タブ [material-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.
material-ui - マテリアルテーブルのカスタムアクションボタンから背景の波及効果を削除するには?
デフォルトのアイコン ボタンの代わりに、ツールバーに作成したカスタム ボタンから背景の波及効果を削除したいと考えています。下のスクリーンショットを参照してください。インポート ボタンと追加ボタンからのみ波及効果 (円の 1 つ) を削除したいので、他のすべてのアクション アイコン ボタンは正常に動作するはずです。
reactjs - バックエンドから受信したデータでテーブルを更新する方法はありますか
material-ui を使用して違反のグループをユーザーにリストし、1 つまたは複数の違反を選択してから、選択中に各違反から抽出しid、update the state結果としてi'll have an array of ids to send it to backend
ここに私のコードがあります
receive array of Ids次にmark each row that it's id is in the array Of Ids、ユーザーが以前に何を選択したかをユーザーに知らせることを期待しています。
事前にThx。
pagination - material-table と reactjs のカスタム ページネーションの例
カスタムページネーションの例はありますか? マテリアル テーブルとreactjs. ページサイズとの間でサーバーに渡したいのですが、ページングから最初と最後のボタンを非表示にする必要があります
material-table - tableRef.onRowSelected を使用して onRowClick プロパティを介して UI を更新するにはどうすればよいですか?
onRowClickここの回答に見られるように、行がクリックされたときに行の値を変更する関数を作成しましtableData.checkedた #300
コンソール ログでチェック済みの状態が更新されているのを確認できますが、実際に別の行のチェックボックスをクリックするまで、チェックボックス自体は目に見えて変化しません。tableData.checked次に、値が更新されたすべてのチェックボックスが表示されます。チェックボックスが実際にこの変更をユーザー onRowClick に表示できるようにしたいと思います。
これが私の現在のコードです：
これは、最初の行をクリックしたときの UI の状態です。
コンソール ログオンの最初の行をクリックします。
UI 1 つのチェックボックスを選択した後 (別の行のチェックボックスを直接クリック):
最初の行をもう一度クリックした後のコンソール ログ:
状態がプログラムによって更新されたときに、何もリセットせずに MaterialTable コンポーネントの UI を確実に更新する方法はありますcheckedか?
また、tableRef.onRowSelected が正常に動作するようになりましたが、行のチェックボックスが選択された状態で UI が再レンダリングされません。