問題タブ [primeng-table]

PrimeNG の最後で簡単な集計機能を実行する方法を見つけるのにかなりの時間を費やしていp-tableます。たとえば、テーブルの最後の行の特定の列を合計したり、整数値の最小値を表示したり、その時点でテーブルに表示されている行について、そのようなその他の集計操作をしたりしたい場合。

コンポーネント内の PrimeNG のTableオブジェクト自体にアクセスして、独自のロールを作成してみました。

@ViewChild('dt', { static: true }) private dt: Table;

そして、その内容を

console.table(this.dt)

いずれかの列フィルターに何かを入力すると、 のfilteredValueプロパティにアクセスできます。しかし、またはthis.dtの内容にアクセスできません。PrimeNG のドキュメントでは、「概要セクション」について言及していますが、そのセクションで概要機能を実行する方法についてのガイダンスはありません。this.dt.valuethis.dt._value

テーブルの PrimeNG ドキュメント

当惑した。

私のangular Project内にPrimeng Tableの次の2つの機能を実装しています。

1. チェックボックスの選択。Checkbox Selectionという名前のセクションまでスクロールします。
2. 冷凍列。Frozen Columnsという名前のセクションまでスクロールします。

問題: 列を固定すると、チェックボックス列が固定列とスクロール可能な列の両方に表示されます。

必要な動作: 列が固定されているかどうかに関係なく、常に 1 つのチェックボックス列が必要です。

これは、問題の Stackblitz の最小限の再現です。

https://stackblitz.com/edit/primeng-tableselection-demo-cs4wqw?file=src%2Fapp%2Fapp.component.ts

テーブルで lazayload を使用して virtualScroll をテストできません

bodyRows が空です

ありがとう

私のプロジェクトでは、PrimeNG とそのコンポーネントの p-table を使用しています。テーブルは編集可能です。したがって、セルをクリックしてコンテンツを直接編集できます。この例のように: https://www.primefaces.org/primeng/showcase/#/table/edit

これらのイベントを使用して、編集に反応します。

私が達成したいこと：

空にしてはいけない特定のフィールドがあります。つまり、それらは必須です。ユーザーが (別の場所をクリックして) 編集を終了すると、onEditComplete が呼び出されます。そこで、彼が値を入力したかどうかを確認し、そうでない場合は警告メッセージを表示できます。これは必須です。

ここで、有効な値が入力されていない限り、ユーザーが編集をまったく終了できないようにしたいと考えています。フォーカスは常にセル内にある必要があります。これを達成する方法についてのヒントを誰か教えてもらえますか?