アクティブなノードが変更されたときに発生します。
グリッドが空のときに行 UI を追加するためのカスタム テンプレートを取得または設定します。
高度フィルタリングが UI で実行された後に発生されます。
列を自動生成するかどうかを取得または設定します。
セルが編集された後に生成されます。
セルが編集され、編集が確定された後に発生します。
セルが編集モードに入るときに生成されます。
セルが編集モードを終了すると発行されます。
IgxColumnComponent
がピン固定された後に発生します。
列の表示状態を変更する前に発生されます。
ドラッグされている行 ID を取得します。
GroupBy ドロップ領域として描画されるテンプレートを取得または設定します。
フィルターされたグリッドが空の場合に表示されるテンプレートのテンプレート参照。
グリッドが空の場合に表示されるテンプレートのテンプレート参照。
空の場合のカスタム テンプレートを取得または設定します。
グリッドですべての偶数の IgxGridRowComponent
に適用されるスタイル クラスを取得または設定します。
行展開インジケーターをレンダリングするときに使用する必要があるカスタム テンプレート (存在する場合)。
Emitted before filtering expressions are applied.
フィルタリングが UI で実行された後に発生されます。
作成したグループを展開または縮小として描画されるかどうかを取得または設定します。
グループ化レコードの階層表現を取得します。
ヘッダー折りたたみインジケーターをレンダリングするときに使用する必要があるカスタム テンプレート (存在する場合)。
ヘッダー展開インジケーターをレンダリングするときに使用する必要があるカスタム テンプレート (存在する場合)。
id
属性の値を取得または設定します。
読み込み時のカスタム テンプレートを取得または設定します。
グリッドですべての奇数の IgxGridRowComponent
に適用されるスタイル クラスを取得または設定します。
IgxGridCellComponent
がクリックされたときに発生します。
列が初期化されるときに発生します。
列移動操作のときに発生されます。
列移動が終了したときに発生されます。
列移動を開始したときに発生されます。
IgxColumnComponent
がピン固定されたときに発生します。
列がサイズ変更されたときに発生されます。
IgxColumnComponent
が選択されたときに発生します。
列の表示状態を変更するときに発生されます。
セルが右クリックされたときに発生されます。
新しいデータ チャンクが仮想化から読み込まれたときに発生されます。
セルがダブルクリックされたときに発生されます。
フィルタリングが UI で実行されたときに発生されます。
コピー操作が実行されたときに発生します。
グリッドの内の要素に対してキーダウンがトリガーされたときに発生します。
列がグループ化/グループ解除されたときに発生します。
ページングが実行されたときに発生されます。
範囲選択を行ったときに発生します。
行が API によって追加されたときに発生されます。
行が API によって削除されたときに発生されます。
行をドロップしたときに発行されます。
行をドラッグし始めたときに発生します。
行のピン固定状態が変更されたときに呼び出されます。
IgxGridRowComponent
が選択されたときに発生します。
行の展開状態が変更されているときに呼び出されます。
グリッドが水平/垂直にスクロールされるときに発生します。
IgxGridCellComponent
が選択されたときに発生します。
並べ替えが UI で実行されたときに発生されます。
ユーザーがエクスポート処理が開始すると発生されます。
現在のページが変更されたときに発生されます。
グリッド ページング UI のカスタム ng-template
を取得または設定します。
グリッドの perPage
プロパティ値が変更されたときに発生します。
プライマリ キーを取得または設定します。
ngAfterViewInit の後に発生します。この時点で、グリッドは DOM に存在します。
行折りたたみインジケーターをレンダリングするときに使用する必要があるカスタム テンプレート (存在する場合)。
行の編集モードを終了するときに発生されます。
行の編集モードを終了し、編集が確定された後に発生します。
行が編集モードに入るときに生成されます。
行編集がキャンセルされるときに発生されます。
行展開インジケーターをレンダリングするときに使用する必要があるカスタム テンプレート (存在する場合)。
グリッドの初期化後に列が自動で再生成されるかどうかを取得または設定します。
行追加の snackbar 通知の表示時間を取得/設定します。
並べ替え式が適用される前に発生されます。
並べ替えが実行された前に発生されます。
Excel スタイルフィルタリングによって使用される一意の値戦略を取得または設定します。
高度なフィルタリング状態を取得または設定します。
高度なフィルタリング状態を取得または設定します。
高度なフィルタリングが有効かどうかを示す値を取得または設定します。
高度なフィルタリングが有効かどうかを示す値を取得または設定します。
フィルタリングが有効かどうかを取得または設定します。
フィルタリングが有効かどうかを取得または設定します。
セル選択モードを取得または設定します。
セル選択モードを取得または設定します。
列非表示 UI が有効かどうかを取得または設定します。
列非表示 UI が有効かどうかを取得または設定します。
定義済みの列非表示 UI に表示されるタイトルを取得または設定します。
定義済みの列非表示 UI に表示されるタイトルを取得または設定します。
定義済みの列固定 UI をツールバーに表示するかどうかを取得または設定します。
定義済みの列固定 UI をツールバーに表示するかどうかを取得または設定します。
列ピン固定 UI に表示されるタイトルを取得または設定します。
列ピン固定 UI に表示されるタイトルを取得または設定します。
行選択モードを取得または設定します。
列のデフォルトの幅を取得または設定します。
列のデフォルトの幅を取得または設定します。
列のデフォルトの幅を取得または設定します。
IgxColumnComponent
の配列を取得します。
IgxGridComponent
を移植するデータの配列を取得または設定します。
IgxGridComponent
を移植するデータの配列を取得または設定します。
現在描画されている IgxGridRowComponent
のリスト。
グリッドに現在表示されている、ページング/フィルター/並べ替え/グループ化/固定解除が適用された行データを返します。
IgxGridHeaderGroupComponent
の最小許容幅を返します。
デフォルトの行の高さを取得します。
コンポーネントのテーマを返します。
デフォルト テーマは comfortable
です。
利用可能なオプションは comfortable
、cosy
、および compact
です。
let componentTheme = this.component.displayDensity;
コンポーネントのテーマを設定します。
カスタム テンプレートがある場合、行ドラッグのインジケーター アイコンを描画するために使用されます。
カスタム テンプレートがある場合、行ドラッグのインジケーター アイコンを描画するために使用されます。
列にドラッグできる GroupBy のドロップ領域に表示されるメッセージを取得または設定します。
列にドラッグできる GroupBy のドロップ領域に表示されるメッセージを取得または設定します。
グリッドのグループ化ドロップ領域が表示されるかどうかを取得します。
グリッドがフィルターされ、レコードがない場合に表示されるメッセージを取得または設定します。
グリッドがフィルターされ、レコードがない場合に表示されるメッセージを取得または設定します。
レコードがない場合に表示されるメッセージを取得または設定します。
レコードがない場合に表示されるメッセージを取得または設定します。
キーと値のペア [行 Id、展開状態] のリストを取得または設定します。
キーと値のペア [行 Id、展開状態] のリストを取得または設定します。
CSV へのエクスポート オプションが有効かどうかを取得または設定します。
CSV へのエクスポート オプションが有効かどうかを取得または設定します。
CSV エクスポート ボタンのテキスト コンテンツを取得または設定します。
CSV エクスポート ボタンのテキスト コンテンツを取得または設定します。
MS Excel へのエクスポート オプションが有効かどうかを取得または設定します。
MS Excel へのエクスポート オプションが有効かどうかを取得または設定します。
MS Excel エクスポート ボタンのテキスト コンテンツを取得または設定します。
MS Excel エクスポート ボタンのテキスト コンテンツを取得または設定します。
エクスポート ボタンのテキスト コンテンツを取得または設定します。
エクスポート ボタンのテキスト コンテンツを取得または設定します。
すべての IgxGridFilteringCellComponent
のリスト。
フィルター モードを取得または設定します。
フィルター モードを取得または設定します。
グリッドのフィルタリング ストラテジを取得または設定します。
グリッドのフィルタリング ストラテジを取得または設定します。
フィルター済みデータを含むオブジェクトの配列を取得または設定します。
フィルター済みデータを含むオブジェクトの配列を取得または設定します。
フィルターされて並べ替え済みのデータを含む配列を返します。
フィルタリング状態を取得または設定します。
フィルタリング状態を取得または設定します。
IgxGridComponent
のフィルター ロジックを設定します。
IgxGridComponent
のフィルター ロジックを設定します。
IgxGridComponent
のグループ領域のテンプレート参照を取得または設定します。
IgxGridComponent
のグループ領域のテンプレート参照を取得または設定します。
グループ行のテンプレート参照を取得または設定します。
グループ行のテンプレート参照を取得または設定します。
グループ行の展開状態のリストを設定します。
グループ行の展開状態のリストを設定します。
グループ化状態を取得または設定します。
グループ化状態を取得または設定します。
グループ行のリストを取得します。
IgxGridComponent
に列グループがあるかどうかを返します。
IgxGridComponent
が複数行レイアウト定義用の列レイアウトを持っているかどうかを返します。
IgxGridComponent
に編集可能な列があるかどうかを返します。
IgxGridComponent
にフィルター可能な列があるかどうかを返します。
IgxGridComponent
にグループ化可能な列があるかどうかを返します。
IgxGridComponent
に移動可能な列があるかどうかを返します。
IgxGridComponent
に並べ替え可能な列があるかどうかを返します。
IgxGridComponent
に集計可能な列があるかどうかを返します。
すべての IgxGridHeaderComponent
のリスト。
すべての IgxGridHeaderGroupComponent
のリスト。
ヘッダーの幅を取得または設定します。
高さを取得または設定します。
高さを取得または設定します。
非表示列の数を取得します。
切り替え ボタンに表示されるテキストを取得または設定します。
切り替え ボタンに表示されるテキストを取得または設定します。
グループ化された列が非表示に設定されるかどうかを取得または設定します。
グループ化された列が非表示に設定されるかどうかを取得または設定します。
行セレクターが非表示されているかどうかを取得または設定します。
行セレクターが非表示されているかどうかを取得または設定します。
現在のページが先頭かどうかを取得します。
現在のページが最後のページかどうかを返します。
グリッドは読み込みインジケータを表すかどうかを取得または設定します。
グリッドは読み込みインジケータを表すかどうかを取得または設定します。
ロケールを取得または設定します。
ロケールを取得または設定します。
ネイティブ要素を取得します。
グリッドのオーバーレイをアタッチするアウトレットを取得または設定します。
グリッドのオーバーレイをアタッチするアウトレットを取得または設定します。
現在のページ インデックスを取得または設定します。
現在のページ インデックスを取得または設定します。
ページング機能が有効かどうかを取得または設定します。
ページング機能が有効かどうかを取得または設定します。
ページごとに表示される項目数を取得または設定します。
ページごとに表示される項目数を取得または設定します。
ピン固定の IgxColumnComponent
の配列を取得します。
ピン固定列の数を取得します。
切り替え ボタンに表示されるテキストを取得または設定します。
切り替え ボタンに表示されるテキストを取得または設定します。
グリッドに現在表示されている、ページング/フィルター/並べ替え/グループ化/ピン固定が適用された行データを返します。
ピン固定の IgxColumnComponent
の配列を取得します。
ピン固定の IgxColumnComponent
のコンテナーの現在幅を取得します。
初期のピン固定構成を取得または設定します。
初期のピン固定構成を取得または設定します。
リソース文字列を取得/設定します。
リソース文字列を取得/設定します。
行が移動可能かどうかを取得または設定します。
行が移動可能かどうかを取得または設定します。
行が編集可能かどうかを取得または設定します。
行が編集可能かどうかを取得または設定します。
行の高さを取得または設定します。
行の高さを取得または設定します。
IgxGridRowComponent
のリスト。
行選択モードを取得または設定します。
行選択モードを取得または設定します。
行をクリックして選択/選択解除するかどうかを取得/設定します。
グリッドに表示される、現在変換されているページングされた/フィルターされた/並べ替えされた/グループ化された データを返します。
IgxGridCellComponent
選択されているメモの配列を返します。
現在の選択状態を取得または設定します。
現在の選択状態を取得または設定します。
groupBy / 親行が縮小されたときに集計行を表示するかどうかを制御します。
groupBy / 親行が縮小されたときに集計行を表示するかどうかを制御します。
ツールバーが表示されるかどうかを取得または設定します。
ツールバーが表示されるかどうかを取得または設定します。
グリッドの並べ替えストラテジを取得または設定します。
グリッドの並べ替えストラテジを取得または設定します。
並べ替えの状態を取得または設定します。
並べ替えの状態を取得または設定します。
集計計算モードを取得または設定します。
集計計算モードを取得または設定します。
集計位置を取得または設定します。
集計位置を取得または設定します。
ツールバーのタイトルを取得または設定します。
ツールバーのタイトルを取得または設定します。
データソース内のレコードの総数を取得または設定します。
データソース内のレコードの総数を取得または設定します。
ページの合計数を取得します。
合計レコード数を返します。
合計レコード数を返します。
IgxGridComponent
の合計幅を返します。
グリッドのためのトランザクション サービスを取得します。
ピン解除の IgxColumnComponent
の配列を取得します。
グリッドに現在表示されている、ページング/フィルター/並べ替え/グループ化/固定解除が適用された行データを返します。
ピン解除の IgxColumnComponent
のコンテナーの現在幅を取得します。
IgxChipComponent
の配列を返します。
グリッドの幅を取得または設定します。
グリッドの幅を取得または設定します。
新しい IgxGridRowComponent
を作成し、データ レコードをデータ ソースの終了に追加します。
名前が提供された場合、対応する IgxColumnComponent
のフィルター状態をクリアします。
特定の列、列の配列またはすべての列のグループ化をクリアします。
グループ化が解除される列の名前または列名の配列。
セルのすべての強調表示を削除します。
名前が提供された場合、対応する IgxColumnComponent
の並べ替え状態をクリアします。
高度なフィルタリング ダイアログを閉じます。
変更を適用する必要があるかどうかを示します。
すべての行を縮小します。
ID によって行を縮小します。
行 ID - primaryKey 値またはデータ レコード インスタンスです。
プライマリ キーによって IgxGridRowComponent
および対応するデータ レコードを削除します。
すべての列の選択を解除します。
すべての行を選択解除します。
フィールドによって特定の列の選択を解除します。
指定した行を ID によって選択解除します。
グループ内のすべての行の選択を解除します。
行の選択が解除されるグループ レコード。
指定した列で集計を無効にします。
指定した列で集計を有効にし、customSummary を適用します。
現在の行の行トランザクションを完成します。
すべての行を展開します。
ID によって行を展開します。
行 ID - primaryKey 値またはデータ レコード インスタンスです。
単一の IgxColumnComponent
をフィルターします。
同じ条件で IgxGridComponent
のすべての IgxColumnComponent
をフィルターします。
グリッドで文字列の次の出現を検索します。表示されていない場合はセルへスクロールします。
検索する文字列。
オプションで、検索する文字列と検索で大文字と小文字の区別をするかどうか (デフォルトは false)。
オプションで、テキストは値全体に一致するかどうか (デフォルトは false)。
グリッドで文字列の前の出現を検索します。表示されていない場合はセルへスクロールします。
検索する文字列。
オプションで、検索する文字列と検索で大文字と小文字の区別をするかどうか (デフォルトは false)。
オプションで、テキストは値全体に一致するかどうか (デフォルトは false)。
指定したグループとそのすべての親グループを展開します。
完全に展開するグループ レコード。
条件と一致する IgxGridCellComponent
を返します。
グリッドが最初のページにない場合、前のページに移動します。
いずれかの rowID に一致します。
フィールド名によって IgxColumnComponent
を返します。
IgxGridHeaderGroupComponent
に設定される width
を取得します。
特定の基準に一致する、現在位置に従って次のセルを定義する ICellPosition
を返します。
ピン固定領域の計算幅を取得します。
ピン固定の領域の非表示の列を考慮に入れるかどうか。
特定の基準に一致する、現在位置に従って前のセルを定義する ICellPosition
を返します。
インデックスによって IgxRowDirective
を返します。
指定されたプライマリキーによって IgxGridRowComponent
オブジェクトを返します。
行コンポーネントに含まれているデータを返します。
rowID に対応します。
現在の列選択の配列を [{ column.field: cell.value }, ...]
の形式で返します。
新しい IgxColumnComponent
を提供された式によってグループ化、または既存の式を変更します。
グループが展開されているかどうかを返します。
グループ レコード。
レコードがピン固定されているかどうかを返します。
filteredSortedData
コレクション内のレコードのインデックス。
IgxGridComponent
を変更検出で手動的にマークします。
指定されたターゲット列の前または後に列を配置します。
rowindex
と visibleColumnIndex
に基づいてグリッド内の位置に移動します。
グリッドが最後のページにない場合、次のページに移動します。
高度なフィルタリング ダイアログを開きます。
指定したページ インデックスに移動します。
列をフィールド名によってピン固定します。
ID によって行をピン固定します。
行 ID - primaryKey 値またはデータ レコード インスタンスです。
ピン固定されたコレクションに挿入する行のインデックス。
グリッドが最初のページにない場合、前のページに移動します。
グリッドの幅/高さのサイズを再計算します。
既存の検索を再適用します。
すべての列を選択します。
すべての行を選択します。
指定した列を選択します。
True の場合、現在の選択をクリアします。
指定した行を ID によって選択します。
True の場合、現在の選択をクリアします。
グループ内のすべての行を選択します。
現在選択されている列を取得します。
単一の IgxColumnComponent
を並べ替えます。
すべてのグループ行の展開状態を再帰的に切り替えます。
指定した列の表示状態を切り替えます。
グループの展開状態を切り替えます。
切り替えるグループ レコード。
ID によって行を切り替えます。
行 ID - primaryKey 値またはデータ レコード インスタンスです。
列をフィールド名によってピン固定解除します。操作が成功したかどうかを返します。
ID によって行のピン固定を解除します。
行 ID - primaryKey 値またはデータ レコード インスタンスです。
プライマリキーによって IgxGridRowComponent
および対応するデータ レコードを更新します。
設定する新しい値。
rowID に対応します。
列フィールドに対応します。
IgxGridRowComponent
を更新します。
rowID に対応します。
Controls the copy behavior of the grid.
Apply the columns formatters (if any) on the data in the clipboard output.
Include the columns headers in the clipboard output.
Enables/disables the copy behavior
The separator used for formatting the copy output. Defaults to \t
.
グリッドは、表データを表示および操作する方法を提供します。
IgxGridModule
Grids & Lists
grid, table
igx-grid-theme
Ignite UI Grid は簡単に表データを表示して操作するために使用されます。データをバインドした後、フィルタリング、並べ替え、および編集操作を使用して変更できます。
<igx-grid [data]="employeeData" autoGenerate="false"> <igx-column field="first" header="First Name"></igx-column> <igx-column field="last" header="Last Name"></igx-column> <igx-column field="role" header="Role"></igx-column> </igx-grid>