クリップボードへのコピー操作が Tree Grid で可能になりました。この機能は、現在の複数セル データ選択を通して Angular Data Grid のデータをすばやくコピーするための簡単でカスタマイズ可能な方法を提供します。システム クリップボードの動作により、ユーザーは Tree Grid から Excel または他の外部プログラムにデータをコピーできます。
最速で機能豊富な Angular Data Grid は、ページング、ソート、フィルタリング、グループ化、PDF および Excel へのエクスポートなどの機能を提供します。究極のアプリ構築エクスペリエンスとデータ操作に必要なすべてが揃っています。
<divclass="wrapper theme"><divclass="sample-content"><divclass="sample-column"><igx-input-grouptype="box"><labeligxLabel>Change copy separator</label><inputtype="text"igxInput [(ngModel)]="options.separator" /><igx-suffix (pointerup)="options.separator = '\t'"><igx-icon>clear</igx-icon></igx-suffix><igx-hint>
The default value is a single tabulation which is shown as whitespace above.
Click the clear icon to reset it back to tabulation.
</igx-hint></igx-input-group><divclass="grid-wrapper"><igx-tree-grid [igxPreventDocumentScroll]="true" #grid1 [data]="data"childDataKey="Employees" (columnInit)="initColumn($event)"
[autoGenerate]="false" [clipboardOptions]="options"><igx-grid-toolbar><divclass="tlb"><igx-switch [(ngModel)]="options.enabled">Grid copy behavior</igx-switch><igx-switch [(ngModel)]="options.copyHeaders">Copying of header labels</igx-switch><igx-switch [(ngModel)]="options.copyFormatters">Copying column formatters</igx-switch><buttonigxButton="outlined"igxRipple [igxRippleCentered]="true" (click)="grid1.clearCellSelection()"><igx-iconfamily="material">clear</igx-icon><span>Selection</span></button></div></igx-grid-toolbar><igx-columnfield="ID"></igx-column><igx-columnfield="HireDate"dataType="date"></igx-column><igx-columnfield="Age"dataType="number" ></igx-column><igx-columnfield="Name"dataType="string"></igx-column></igx-tree-grid></div><divstyle="margin-top: 0.5rem"><igx-input-grouptype="box"><labeligxLabel>Paste your data here (or in Excel)</label><textareaigxInputcols="30"rows="5"></textarea></igx-input-group></div></div></div></div>html