アクティブなノードが変更されたときに発生します。
高度フィルタリングが実行された後に発生します。
セルがクリックされたときに発生します。
グリッドのコピー動作を制御します。
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
.
列が初期化されるときに発生します。
列のサイズが変更された後に発生します。
IgxColumnComponent
が選択されたときに発生します。
列の表示状態が変更された後に発生します。
列の表示状態が変更される前に発生します。
セルが右クリックされたときに発生されます。
データ操作、再バインドなどのためにグリッドのデータ ビューが変更された後に発生します。
データ操作、再バインドなどのためにグリッドのデータ ビューが変更される前に発生します。
ディメンションが初期化された後に発生します。
グリッド チップ領域によってディメンション コレクションが変更されたときに発生します。
ディメンションがソートされたときに発生します。
セルがダブルクリックされたときに発生されます。
フィルターされたグリッドが空の場合に表示されるテンプレートのテンプレート参照。
グリッドが空の場合に表示されるテンプレートのテンプレート参照。
空の場合のカスタムテンプレートを取得または設定します。
ピボット グリッドが空の場合にカスタム テンプレートを取得または設定します。
行展開インジケーターをレンダリングするときに使用する必要があるカスタムテンプレート (存在する場合)。
フィルタリング式が適用される前に発生されます。
UI を介してフィルタリングが実行された後に発生します。
フィルタリングが UI で実行された後に発生されます。
行/セルの編集で formGroup が作成されたときに発生します。
コピー操作が実行されたときに発生します。
グリッドの内の要素に対してキーダウンがトリガーされたときに発生します。
グリッドが水平/垂直にスクロールされるときに発生します。
ヘッダー折りたたみインジケーターをレンダリングするときに使用する必要があるカスタムテンプレート (存在する場合)。
ヘッダー展開インジケーターをレンダリングするときに使用する必要があるカスタムテンプレート (存在する場合)。
読み込み時のカスタムテンプレートを取得または設定します。
プライマリ キーを取得または設定します。
範囲選択を行ったときに発生します。
ngAfterViewInit の後に発生します。この時点で、グリッドは DOM に存在します。
グリッドの行要素に条件付きクラス セレクターを設定します。 キーと値のペアを含むオブジェクト リテラルを受け取ります。 キーは CSS クラスの名前です。 値はブール値を返すコールバック関数またはブール値です。例:
callback = (row: RowType) => { return row.selected > 6; }
rowClasses = { 'className' : this.callback };
<igx-grid #grid [data]="Data" [rowClasses] = "rowClasses" [autoGenerate]="true"></igx-grid>
行折りたたみインジケーターをレンダリングするときに使用する必要があるカスタムテンプレート (存在する場合)。
行展開インジケーターをレンダリングするときに使用する必要があるカスタムテンプレート (存在する場合)。
IgxGridCellComponent
が選択されたときに発生します。
グリッドの行要素に条件付きスタイル プロパティを設定します。 キーがスタイル プロパティであり、 値が評価用の式であるオブジェクト リテラルを受け入れます。
styles = {
background: 'yellow',
color: (row: RowType) => row.selected : 'red': 'white'
}
<igx-grid #grid [data]="Data" [rowStyles]="styles" [autoGenerate]="true"></igx-grid>
行の展開状態が変更されているときに呼び出されます。
セルが選択されたときに発生発生します。
列が昇順でソートされている場合にヘッダー ソート インジケーターを描画するときに使用するカスタムテンプレート (存在する場合)。
列が降順でソートされている場合にヘッダー ソート インジケーターを描画するときに使用するカスタムテンプレート (存在する場合)。
列がソートされていないと場合にヘッダー ソート インジケーターを描画するときに使用するカスタムテンプレート (存在する場合)。
ソート式が適用される前に発生されます。
ソートが完了した後に発生します。
ソートが UI で実行された前に発生されます。
Excel スタイル フィルタリングによって使用される一意の値戦略を取得または設定します。
グリッドの検証状態が変更されたときに発生します。
グリッドの編集時に使用される検証のトリガーを取得または設定します。
valueChip のカスタム テンプレートを取得または設定します。
値が初期化された後に発生します。
値コレクションがグリッド チップ領域によって変更されたときに発生します。
高度なフィルタリング状態を取得または設定します。
高度なフィルタリング状態を取得または設定します。
ディメンションの完全なリストを取得します。
セル選択モードを取得または設定します。
セル選択モードを取得または設定します。
列選択モードを取得または設定します。
列選択モードを取得または設定します。
列のデフォルトの幅を取得または設定します。
列のデフォルトの幅を取得または設定します。
IgxColumnComponent
の配列を取得します。
コンポーネントにデータ セットの配列を返します。
let data = this.grid.data;
IgxPivotGridComponent
にデータの配列をインポートする @Input プロパティ。
<igx-pivot-grid [data]="Data"></igx-pivot-grid>
編集モード時のグリッドのデータ複製方法を取得または設定します。
編集モード時のグリッドのデータ複製方法を取得または設定します。
現在描画されている IgxGridRowComponent
のリスト。
グリッドに現在表示されている、ページング/フィルター/ソート/グループ化/ピン固定/固定解除が適用された行データを返します。
すべての行のデフォルト展開状態を取得または設定します。
すべての行のデフォルト展開状態を取得または設定します。
IgxGridHeaderGroupComponent
の最小許容幅を返します。
デフォルトの行の高さを取得します。
ディメンションに対して生成されたソート式を取得します。
コンポーネントのテーマを返します。
デフォルト テーマは comfortable
です。
利用可能なオプションは comfortable
、cosy
、および compact
です。
コンポーネントのテーマを設定します。
グリッドがフィルターされ、レコードがない場合に表示されるメッセージを取得または設定します。
グリッドがフィルターされ、レコードがない場合に表示されるメッセージを取得または設定します。
レコードがない場合に表示されるメッセージを取得または設定します。
レコードがない場合に表示されるメッセージを取得または設定します。
キーと値のペア [行 Id、展開状態] のリストを取得または設定します。
キーと値のペア [行 Id、展開状態] のリストを取得または設定します。
すべての IgxGridFilteringCellComponent
のリスト。
グリッドのフィルタリング ストラテジを取得または設定します。
グリッドのフィルタリング ストラテジを取得または設定します。
フィルターされたデータを含むオブジェクトの配列を返します。
let filteredData = this.grid.filteredData;
フィルターされたデータを含むオブジェクトの配列を設定します。
this.grid.filteredData = [{
ID: 1,
名前: "A"
}];
フィルターされてソート済みのデータを含む配列を返します。
フィルタリング状態を取得または設定します。
フィルタリング状態を取得または設定します。
IgxGridComponent
のフィルター ロジックを設定します。
IgxGridComponent
のフィルター ロジックを設定します。
IgxGridComponent
に列グループがあるかどうかを返します。
IgxGridComponent
が複数行レイアウト定義用の列レイアウトを持っているかどうかを返します。
IgxGridComponent
にフィルター可能な列があるかどうかを返します。
IgxGridComponent
にソート可能な列があるかどうかを返します。
すべての IgxGridHeaderComponent
のリスト。
すべての IgxGridHeaderGroupComponent
のリスト。
ヘッダーの幅を取得または設定します。
高さを取得または設定します。
高さを取得または設定します。
id
属性の値を取得または設定します。
id
属性の値を取得または設定します。
グリッドは読み込みインジケータを表すかどうかを取得または設定します。
グリッドは読み込みインジケータを表すかどうかを取得または設定します。
ロケールを取得または設定します。
ロケールを取得または設定します。
ネイティブ要素を取得します。
グリッドのオーバーレイをアタッチするアウトレットを取得または設定します。
グリッドのオーバーレイをアタッチするアウトレットを取得または設定します。
リソース文字列を取得/設定します。
リソース文字列を取得/設定します。
行の高さを取得または設定します。
行の高さを取得または設定します。
IgxGridRowComponent
のリスト。
行選択モードを取得または設定します。
行選択モードを取得または設定します。
行をクリックして選択/選択解除するかどうかを取得/設定します。
行をクリックして選択/選択解除するかどうかを取得/設定します。
グリッドのソート ストラテジを取得または設定します。
グリッドのソート ストラテジを取得または設定します。
ソートの状態を取得または設定します。
ソートの状態を取得または設定します。
ソート オプション (単一または複数) を取得または設定します。
いずれかの mode
プロパティを持つ ISortingOptions
オブジェクトを受け入れます。
コンポーネントの超コンパクトなテーマを有効にします。
コンポーネントの超コンパクトなテーマを有効にします。
IgxGridComponent
の合計幅を返します。
グリッド仮想化の状態を返します。
IgxChipComponent
の配列を返します。
グリッドの幅を取得または設定します。
グリッドの幅を取得または設定します。
行ディメンション セルを自動サイズ設定します。
The row dimension to size.
名前が提供された場合、対応する IgxColumnComponent
のフィルター状態をクリアします。
名前が提供された場合、対応する IgxColumnComponent
のソート状態をクリアします。
すべての列の選択を解除します。
すべての行を選択解除します。
フィールドによって特定の列の選択を解除します。
指定した行を ID によって選択解除します。
単一の IgxColumnComponent
をフィルターします。
単一の IPivotDimension
をフィルターします。
同じ条件で IgxGridComponent
のすべての IgxColumnComponent
をフィルターします。
フィールド名によって IgxColumnComponent
を返します。
IgxGridHeaderGroupComponent
に設定される width
を取得します。
行コンポーネントに含まれているデータを返します。
correspond to rowID
現在の列選択の配列を [{ column.field: cell.value }, ...]
の形式で返します。
現在のセル選択の配列を [{ column.field: cell.value }, ...]
の形式で返します。
指定したインデックスまたはコレクションの最後にタイプによってターゲット コレクションにディメンションを挿入します。
The dimension that will be added.
The target collection type to add to. Can be Row, Column or Filter.
The index in the collection at which to add. This parameter is optional. If not set it will add it to the end of the collection.
指定したインデックスまたは最後に値を挿入します。
The value definition that will be added.
The index in the collection at which to add. This parameter is optional. If not set it will add it to the end of the collection.
IgxGridComponent
の変更検知をトリガーします。
markForCheck を呼び出すと、グリッドのパイプも明示的にトリガーされ、すべての更新が処理されます。
不要なときに使用したり、誤用したりすると、パフォーマンスが低下する可能性があります。
```typescript //注意事項 //ループ内から markForCheck を呼び出さないでください。 //プリミティブが変更されたときに markForCheck を呼び出さないでください。 grid.data.forEach(rec => { rec = newValue; grid.markForCheck(); });
//注意事項 //ネストされたプロパティを更新した後に markForCheck を呼び出してください。 grid.data.forEach(rec => { rec.nestedProp1.nestedProp2 = newValue; }); grid.markForCheck(); ```
指定したインデックスまたはコレクションの最後にあるタイプによって、現在のコレクションから指定したターゲット コレクションにディメンションを移動します。
The dimension that will be moved.
The target collection type to move it to. Can be Row, Column or Filter.
The index in the collection at which to add. This parameter is optional. If not set it will add it to the end of the collection.
現在指定されたインデックス位置または末尾から値を移動します。
The value that will be moved.
The index in the collection at which to add. This parameter is optional. If not set it will add it to the end of the collection.
rowindex
と visibleColumnIndex
に基づいてグリッド内の位置に移動します。
ディメンションの変更を通知します。
グリッドの幅/高さのサイズを再計算します。
現在のコレクションからディメンションを削除します。
The dimension to be removed.
値をコレクションから削除します。
The value to be removed.
すべての列を選択します。
すべての行を選択します。
指定した列を選択します。
if true clears the current selection
指定した行を ID によって選択します。
if true clears the current selection
現在選択されている列を取得します。
単一の IgxColumnComponent
をソートします。
ディメンションとその子を指定された方向にソートします。
ディメンションの有効状態をオンまたはオフにトグルします。
The dimension to be toggled.
ID によって行を切り替えます。
The row id - primaryKey value or the data record instance.
値の有効状態をオンまたはオフにトグルします。
The value to be toggled.
Pivot Grid は、ピボット テーブル ビューでデータを表示および操作する方法を提供します。
IgxPivotGridModule
グリッド & リスト
pivot, grid, table
igx-grid-theme
Ignite UI Pivot Grid は、シンプルなフラット データをグループ化してピボット テーブルに集計するために使用されます。 データがバインドされ、ディメンションと値が構成されると、ソートとフィルタリングによって操作できます。