問題タブ [p-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.
primeng - p-table 動的行の p-dropdown PrimeNG - バージョン 9 - Stackblitz が追加されました
私の要件は、以下のようにグリッドの 2 列の各行にドロップダウンを配置することです。
これが私の問題のstackblitzです: https://stackblitz.com/edit/angular9-primeng9
ユーザーは各行の値を選択して保存できます。サービスを使用してデータ ソースからデータをフェッチし、オブザーバブルのサブスクライブでドロップダウン オプションを初期化できます。ただし、ページの読み込み時に各行の選択項目を既存の行を表示するように設定することはできません ([(ngModel)] の設定の問題だと思います)。
また、このテーブルに新しい行を追加するプラスボタンを追加する必要があり、保存アクションで結果をデータベースに保存する必要があります。この問題に対処するためのガイダンス/リードは非常に役立ちます。
以下は私が使用しているHTMLコードです：
およびコンポーネント（onchangesで購読）：
angular - ngForのようにprimeng p-tableでインデックス変数を設定する方法
誰でも私を助けることができますか？のようにインデックス変数を初期化したい
*ngFor="let d of sI.detail;let i=index"
私のpテーブルで
css - primeNg p-tableで行が選択されていないときに色を変更するにはどうすればよいですか?
行の選択解除時に行の色を別の色に変更しようとしています。この機能は、primeng テーマによって提供されるものです。それをオーバーライドしてカスタマイズしようとしています。行が選択されていないときに行の色を変更し、その行が再度選択されるまで色を保持できる方法はありますか? ここでは、単一選択の p-table を使用しています。
これをオーバーライドしてみました：
しかし、これはホバーしたときに色を変えるだけです。
そして、これは行が選択されたときに私が持っているものです: