angular -6-строк данных с несколькими выборками - PullRequest
Новая
       21

angular -6-строк данных с несколькими выборками

0 голосов
/ 31 января 2020

Я использую angular -6-datatable в моем проекте angular и wnt для выбора нескольких строк. Как реализовать выбор нескольких строк в 'angular -6-datatable'. Я искал в Google последние 3-4 часа, но не получил ни одного сообщения.

1 Ответ

0 голосов
/ 31 января 2020

datatable устарел в angular, теперь новый модуль - p-таблица , перейдите по ссылке, он приведет вас к документации. 

https://www.primefaces.org/primeng-6.1.6/#/table/export

Если вы хотите, чтобы go проходил только по датированным данным, перейдите по ссылке. 

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>
...