我在我的角度项目中使用angular-6-datatable,并且要选择多行。如何在“ angular-6-datatable”上实现多行选择。我过去3-4个小时一直在Google上进行搜索,但没有收到任何帖子。
数据表以角度描述,现在新的模块为p-table,通过链接,它将带您到文档。
https://www.primefaces.org/primeng-6.1.6/#/table/export
如果只想通过数据表进行浏览,则放弃该链接。
https://www.primefaces.org/primeng-6.1.6/#/datatable/export
下面的代码被劝说到行的选择] >>导出,您可以按照所需的格式修改以下代码。
<p-table #dt [columns]="cols" [value]="cars" selectionMode="multiple" [(selection)]="selectedCars">
<ng-template pTemplate="caption">
<div class="ui-helper-clearfix">
<button type="button" pButton icon="fa fa-file-o" iconPos="left" label="All Data" (click)="dt.exportCSV()" style="float:left"></button>
<button type="button" pButton icon="fa fa-file" iconPos="left" label="Selection Only" (click)="dt.exportCSV({selectionOnly:true})" style="float:right"></button>
</div>
</ng-template>
<ng-template pTemplate="header" let-columns>
<tr>
<th *ngFor="let col of columns">
{{col.header}}
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowData let-columns="columns">
<tr [pSelectableRow]="rowData">
<td *ngFor="let col of columns">
{{rowData[col.field]}}
</td>
</tr>
</ng-template>
</p-table>