グリッド構成の場合、html で定義済みの列が既にいくつかあるが、結果セットには定義済みの列の上にさまざまな列を追加できる場合、それらの列を動的に追加するにはどうすればよいですか?
データを取得するまで、余分な列が何であるかを知る方法はありませんか? ViewChild ディレクティブを使用してデータがフェッチされた後、グリッド コンポーネントにアクセスできますが、オブジェクトのようなグリッドの列の配列を見ると、その場でプログラムで列を追加する方法がわかりません。
グリッド構成の場合、html で定義済みの列が既にいくつかあるが、結果セットには定義済みの列の上にさまざまな列を追加できる場合、それらの列を動的に追加するにはどうすればよいですか?
データを取得するまで、余分な列が何であるかを知る方法はありませんか? ViewChild ディレクティブを使用してデータがフェッチされた後、グリッド コンポーネントにアクセスできますが、オブジェクトのようなグリッドの列の配列を見ると、その場でプログラムで列を追加する方法がわかりません。
ngFor を使用して、可変数の列を作成できます。
<kendo-grid [data]="gridData">
<ng-template ngFor [ngForOf]="columns" let-column>
<kendo-grid-column field="{{column}}"></kendo-grid-column>
</ng-template>
</kendo-grid>
これを試してみたい場合は、ドキュメントの「列の表示と非表示」のデモを参照してください (列の例を下にスクロールしてください)。