我正在尝试排除最后一列,同时导出网格到pdf。
这是我的pdf导出组件,我在不同的组件中使用它。
这个app kendo pdf组件
<kendo-grid-pdf fileName="{{pdfname}}" [allPages]="true" paperSize="A4" [repeatHeaders]="true" [landscape]="true" >
<kendo-grid-pdf-margin top="2cm" left="1cm" right="1cm" bottom="2cm"></kendo-grid-pdf-margin>
<ng-template kendoGridPDFTemplate let-pageNum="pageNum" let-totalPages="totalPages">
<div class="page-template">
<div class="header">
<div style="float: right">Page {{ pageNum }} of {{ totalPages }}</div>
{{componentName}}
</div>
<div class="footer">
Page {{ pageNum }} of {{ totalPages }}
</div>
</div>
</ng-template>
</kendo-grid-pdf>
<kendo-grid-excel fileName="{{pdfname}}"></kendo-grid-excel>
这是我想要导出的网格:
<kendo-grid [data]="gridData" [height]="409" [pageSize]="state.take"
[skip]="state.skip"
[sort]="state.sort"
[filter]="state.filter"
[sortable]="true"
[pageable]="true"
[filterable]="true"
(dataStateChange)="dataStateChange($event)">
<ng-template kendoGridToolbarTemplate>
<button class="kendo-pdf" kendoGridPDFCommand icon="file-pdf">Export to PDF</button>
<button class="kendo-excel" type="button" kendoGridExcelCommand icon="file-excel">Export to Excel</button>
</ng-template>
<kendo-grid-column field="name" title="Name" width="50" filter="text" format="{0:c}">
</kendo-grid-column>
<kendo-grid-column field="age" title="Age" width="50" filter="numeric" format="{0:c}">
</kendo-grid-column>
<kendo-grid-column field="city" title="City" width="50">
</kendo-grid-column>
<kendo-grid-column width="20" field="Edit / Delete" filter="false">
<ng-template kendoGridCellTemplate let-dataItem >
<a (click)="showConfirmation()"> <i class="fa fa-trash" ></i></a>
<a [routerLink]="['/addEmployee']" routerLinkActive="router-link-active" > <i class="fa fa-edit"></i></a>
</ng-template>
</kendo-grid-column>
<app-kendoPDF [componentName]=name></app-kendoPDF>
我想在导出时排除编辑/删除字段
编辑:这是我尝试过的,但不起作用
在订单组件中:
kendo-grid [data]="gridData" [height]="409" [pageSize]="state.take" [skip]="state.skip" [sort]="state.sort" [filter]="state.filter"
[sortable]="true" [pageable]="true" [filterable]="true" (dataStateChange)="dataStateChange($event)">
<ng-template kendoGridToolbarTemplate>
<button class="kendo-pdf" kendoGridPDFCommand icon="file-pdf">Export to PDF</button>
<button class="kendo-excel" type="button" kendoGridExcelCommand icon="file-excel">Export to Excel</button>
</ng-template>
<kendo-grid-column field="orderNumber" title="Order Number" width="20" filter="text">
</kendo-grid-column>
<kendo-grid-column field="orderTable" title="Order Table" width="20" filter="text" format="{0:c}">
</kendo-grid-column>
<app-kendoPDF [componentName]=name>
<kendo-grid-column field="orderNumber" title="Order Number">
</kendo-grid-column>
<kendo-grid-column field="orderTable" title="Order Table">
</kendo-grid-column>
</app-kendoPDF>
</kendo-grid>
KendoPdf组件:
<kendo-grid-pdf fileName="{{pdfname}}" [allPages]="true" paperSize="A4" [repeatHeaders]="true" [landscape]="true" >
<kendo-grid-pdf-margin top="2cm" left="1cm" right="1cm" bottom="2cm"></kendo-grid-pdf-margin>
<ng-template kendoGridPDFTemplate let-pageNum="pageNum" let-totalPages="totalPages">
<div class="page-template">
<div class="header">
<div style="float: right">Page {{ pageNum }} of {{ totalPages }}</div>
{{componentName}}
</div>
<div class="footer">
Page {{ pageNum }} of {{ totalPages }}
</div>
</div>
</ng-template>
<ng-content></ng-content>
</kendo-grid-pdf>
<kendo-grid-excel fileName="{{pdfname}}"></kendo-grid-excel>
https://stackoverflow.com/questions/53903792
复制相似问题