bodyTemplate への参照を返します。

let bodyTemplate = this.column.bodyTemplate;

Memberof

IgxColumnComponent

ボディのテンプレートを設定します。

<ng-template #bodyTemplate igxCell let-val>
   <div style = "background-color: yellowgreen" (click) = "changeColor(val)">
      <span> {{val}} </span>
   </div>
</ng-template>

@ViewChild("'bodyTemplate'", {read: TemplateRef })
public bodyTemplate: TemplateRef<any>;
this.column.bodyTemplate = this.bodyTemplate;

Memberof

IgxColumnComponent

列のセルを取得します。

let columnCells = this.column.cells;

列が ColumnGroup かどうかを示すブール値を返します。

let columnGroup =  this.column.columnGroup;

Memberof

IgxColumnComponent

列が複数行レイアウト用の ColumnLayout であるかどうかを示すブール値を返します。

let columnGroup =  this.column.columnGroup;

Memberof

IgxColumnComponent

列が複数行レイアウト用の ColumnLayout の ColumnLayout の子であるかどうかを示すブール値を返します。

let columnLayoutChild =  this.column.columnLayoutChild;

Memberof

IgxColumnComponent

列のデフォルト最小の width を取得します。

let defaultMinWidth =  this.column.defaultMinWidth;

Memberof

IgxColumnComponent

列の編集が可能かどうかを取得します。 デフォルト値は false です。

let isEditable = this.column.editable;

Memberof

IgxColumnComponent

列の編集が可能かどうかを設定します。

this.column.editable = true;

<igx-column [editable] = "true"></igx-column>

Memberof

IgxColumnComponent

検証エラー テンプレートへの参照を返します。

let errorTemplate = this.column.errorTemplate;

エラー テンプレートを設定します。

<ng-template igxCellValidationError let-cell="cell" #errorTemplate >
    <div *ngIf="cell.validation.errors?.['forbiddenName']">
     This name is forbidden.
    </div>
</ng-template>

@ViewChild("'errorTemplate'", {read: TemplateRef })
public errorTemplate: TemplateRef<any>;
this.column.errorTemplate = this.errorTemplate;

field 値を設定または取得します。

let columnField = this.column.field;

<igx-column [field] = "'ID'"></igx-column>

Memberof

IgxColumnComponent

列のフィルター セルへ参照を返します。

let column = this.grid.columnList.filter(c => c.field === 'ID')[0];
let filterell = column.filterell;

Memberof

IgxColumnComponent

filterCellTemplate への参照を返します。

let filterCellTemplate = this.column.filterCellTemplate;

Memberof

IgxColumnComponent

クイック フィルター テンプレートを設定します。

<ng-template #filterCellTemplate IgxFilterCellTemplate let-column="column">
   <input (input)="onInput()">
</ng-template>

@ViewChild("'filterCellTemplate'", {read: TemplateRef })
public filterCellTemplate: TemplateRef<any>;
this.column.filterCellTemplate = this.filterCellTemplate;

Memberof

IgxColumnComponent

列の filteringExpressionsTree を返します。

let tree =  this.column.filteringExpressionsTree;

Memberof

IgxColumnComponent

列の filters を取得します。

let columnFilters = this.column.filters'

Memberof

IgxColumnComponent

列の filters を設定します。

this.column.filters = IgxBooleanFilteringOperand.instance().

Memberof

IgxColumnComponent

グループ化する値を比較する関数を取得します。

let groupingComparer = this.column.groupingComparer'

Memberof

IgxColumnComponent

グループ化される値を比較するためにカスタム関数を設定します。 ソート済みのデータ内の次の値のために 0 が返されられた場合、この値はグループ化されたという意味です。

this.column.groupingComparer = (a: any, b: any, currRec?: any, groupRec?: any) => { return a === b ? 0 : -1; }

Memberof

IgxColumnComponent

列の集計は有効にされたかどうかを表す値を取得します。

let hasSummary = this.column.hasSummary;

Memberof

IgxColumnComponent

列集計が有効かどうかを示す値を設定します。 デフォルト値は false です。

<igx-column [hasSummary] = "true"></igx-column>

Memberof

IgxColumnComponent

列のヘッダーへの参照を返します。

let column = this.grid.columnList.filter(c => c.field === 'ID')[0];
let headerCell = column.headerCell;

Memberof

IgxColumnComponent

列のヘッダーへグループの参照を返します。

Memberof

IgxColumnComponent

ヘッダー テンプレートへの参照を返します。

let headerTemplate = this.column.headerTemplate;

Memberof

IgxColumnComponent

ヘッダー テンプレートを設定します。 列ヘッダーの高さは固定されており、それより大きいコンテンツは切り捨てられます。

<ng-template #headerTemplate>
  <div style = "background-color:black" (click) = "changeColor(val)">
      <span style="color:red" >{{column.field}}</span>
  </div>
</ng-template>

@ViewChild("'headerTemplate'", {read: TemplateRef })
public headerTemplate: TemplateRef<any>;
this.column.headerTemplate = this.headerTemplate;

Memberof

IgxColumnComponent

列が非表示にされるかどうかを取得します。

let isHidden = this.column.hidden;

Memberof

IgxColumnComponent

列の hidden プロパティを設定します。 デフォルト値は false です。

<igx-column [hidden] = "true"></igx-column>

双方向データ バインディング。

<igx-column [(hidden)] = "model.isHidden"></igx-column>

Memberof

IgxColumnComponent

列インデックスを取得します。

let columnIndex = this.column.index;

Memberof

IgxColumnComponent

インライン エディター テンプレートへの参照を返します。

let inlineEditorTemplate = this.column.inlineEditorTemplate;

Memberof

IgxColumnComponent

インライン エディター テンプレートを設定します。

<ng-template #inlineEditorTemplate igxCellEditor let-cell="cell">
    <input type="string" [(ngModel)]="cell.value"/>
</ng-template>

@ViewChild("'inlineEditorTemplate'", {read: TemplateRef })
public inlineEditorTemplate: TemplateRef<any>;
this.column.inlineEditorTemplate = this.inlineEditorTemplate;

Memberof

IgxColumnComponent

列グループの列のレベルを返します。 列に parent がない場合、0 を返します。

let columnLevel =  this.column.level;

Memberof

IgxColumnComponent

列の最小の width を設定または取得します。 デフォルト値は 88 です。

let columnMinWidth = this.column.minWidth;

<igx-column [minWidth] = "'100px'"></igx-column>

Memberof

IgxColumnComponent

列が pinned かどうかを取得します。

let isPinned = this.column.pinned;

Memberof

IgxColumnComponent

列が pinned かどうかを設定します。 デフォルト値は false です。

<igx-column [pinned] = "true"></igx-column>

双方向データ バインディング。

<igx-column [(pinned)] = "model.columns[0].isPinned"></igx-column>

Memberof

IgxColumnComponent

Remarks

DatePipe および/または DecimalPipe のオプション パラメーターを渡し、日付列と数値列の表示値を書式設定します。

format、timezone、digitsInfo プロパティのいずれかを持つ IColumnPipeArgs オブジェクトを受け取ります。 詳細については、https://angular.io/api/common/DatePipe および https://angular.io/api/common/DecimalPipe を参照してください。

Example

const pipeArgs: IColumnPipeArgs = {
     format: 'longDate',
     timezone: 'UTC',
     digitsInfo: '1.1-2'
}

<igx-column dataType="date" [pipeArgs]="pipeArgs"></igx-column>
<igx-column dataType="number" [pipeArgs]="pipeArgs"></igx-column>

Memberof

IgxColumnComponent

列が選択可能かどうかを返します。

let columnSelectable = this.column.selectable;

Memberof

IgxColumnComponent

列が選択可能かどうかを設定します。 デフォルト値は true です。

<igx-column [selectable] = "false"></igx-column>

Memberof

IgxColumnComponent

列が選択されるかどうかを返します。

let isSelected = this.column.selected;

Memberof

IgxColumnComponent

列を選択/選択解除します。 デフォルト値は false です。

this.column.selected = true;

Memberof

IgxColumnComponent

列の sortStrategy を取得します。

let sortStrategy = this.column.sortStrategy

Memberof

IgxColumnComponent

列の sortStrategy を設定します。

this.column.sortStrategy = new CustomSortingStrategy().
class CustomSortingStrategy extends SortingStrategy {...}

Memberof

IgxColumnComponent

列の summaries を取得します。

let columnSummaries = this.column.summaries;

Memberof

IgxColumnComponent

列の summaries を設定します。

this.column.summaries = IgxNumberSummaryOperand;

Memberof

IgxColumnComponent

summaryTemplate への参照を返します。

let summaryTemplate = this.column.summaryTemplate;

Memberof

IgxColumnComponent

集計テンプレートを設定します。

<ng-template #summaryTemplate igxSummary let-summaryResults>
   <p>{{ summaryResults[0].label }}: {{ summaryResults[0].summaryResult }}</p>
   <p>{{ summaryResults[1].label }}: {{ summaryResults[1].summaryResult }}</p>
</ng-template>

@ViewChild("'summaryTemplate'", {read: TemplateRef })
public summaryTemplate: TemplateRef<any>;
this.column.summaryTemplate = this.summaryTemplate;

Memberof

IgxColumnComponent

最上位の親列への参照を返します。

let topLevelParent =  this.column.topLevelParent;

Memberof

IgxColumnComponent

列の表示インデックスを取得します。 列が表示されない場合、-1 が返されます。

let visibleColumnIndex =  this.column.visibleIndex;

Memberof

IgxColumnComponent

親が縮小される場合、列が表示になるかどうかを示します。

<igx-column-group>
  <igx-column [visibleWhenCollapsed]="true"></igx-column>
</igx-column-group>

Memberof

IgxColumnComponent

列の width を取得します。

let columnWidth = this.column.width;

Memberof

IgxColumnComponent

列の width を設定します。

<igx-column [width] = "'25%'"></igx-column>

双方向データ バインディング。

<igx-column [(width)]="model.columns[0].width"></igx-column>

Memberof

IgxColumnComponent