아래는 각도 테이블의 소수입니다 .
Primeng 테이블 라이브러리 를 사용 하여 레코드를 나열하고 CSV를 다운로드했습니다.
<p-table #dt styleClass="table table-striped" [columns]="colsCSV" [value]="reviewSSRList" selectionMode="single" [paginator]="true" [rows]="10">
<ng-template pTemplate="caption">
<div class="ui-helper-clearfix" style="text-align: left">
<button type="button" pButton icon="pi pi-file-o" iconPos="left" label="CSV" (click)="dt.exportCSV()" style="float:right;"></button>
</div>
</ng-template>
<ng-template pTemplate="header" let-columns>
<!-- <tr>
<th *ngFor="let col of columns" [pSortableColumn]="col.field">
{{col.header}}
<p-sortIcon [field]="col.field"></p-sortIcon>
</th>
</tr> -->
<tr>
<th style="text-align: center;" > Check & Delete
<!-- <p-sortIcon [field]="'towerId'"></p-sortIcon> -->
</th>
<th [pSortableColumn]="'towerId'">Tower ID
<p-sortIcon [field]="'towerId'"></p-sortIcon>
</th>
<th [pSortableColumn]="'towerName'">Tower Name
<p-sortIcon [field]="'towerName'"></p-sortIcon>
</th>
<th [pSortableColumn]="'exAxisTower'">Ex Axis Tower
<p-sortIcon [field]="'exAxisTower'"></p-sortIcon>
</th>
<th [pSortableColumn]="'projectStatus'">Project Status
<p-sortIcon [field]="'projectStatus'"></p-sortIcon>
</th>
<th [pSortableColumn]="'towerStatus'">Tower Status
<p-sortIcon [field]="'towerStatus'"></p-sortIcon>
</th>
<th [pSortableColumn]="'towerType'">Tower Type
<p-sortIcon [field]="'towerType'"></p-sortIcon>
</th>
<th [pSortableColumn]="'towerKind'">Tower Kind
<p-sortIcon [field]="'towerKind'"></p-sortIcon>
</th>
<th [pSortableColumn]="'ownerShip'">Tower ownerShip Type
<p-sortIcon [field]="'ownerShip'"></p-sortIcon>
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowData let-columns="columns">
<tr>
<td style="text-align: center;"><input type="checkbox" value="{{rowData.towerId}}" (change)="checkboxValSaveDraft($event)"></td>
<td><a [routerLink]='"/saveDraftDetail/"+rowData.towerId'>{{rowData.towerId}}</a></td>
<td>{{rowData.towerName}}</td>
<td style="text-align: center;"><i class="fa fa-check remarkpositive" aria-hidden="true" *ngIf='rowData.exAxisTower'></i>
<i class="fa fa-window-close remarknegative" aria-hidden="true" *ngIf='!rowData.exAxisTower'></i>
</td>
<td>{{rowData.projectStatus}}</td>
<td>{{rowData.towerStatus}}</td>
<td>{{rowData.towerType}}</td>
<td>{{rowData.towerKind}}</td>
<td> {{ rowData.ownerShip }}</td>
</tr>
</ng-template>
</p-table>
언제 우리는 내보내기 버튼을 클릭합니다. csv를 " download "이름 으로 다운로드하고 있습니다. 다른 것으로 어떻게 바꿀 수 있습니까?
exportFilename
value는 p-table
하드 코딩 된 입력 속성입니다 download
.
변경하려면이 속성을 변수와 바인딩하십시오.
<p-table [exportFilename]="variable_to_bind" ...
작동 데모 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다