Необходимо добавить фильтр «Поиск» в primeng, а также номер старшего в столбце 1 - PullRequest
Новая
       17

Необходимо добавить фильтр «Поиск» в primeng, а также номер старшего в столбце 1

0 голосов
/ 11 декабря 2018

Я использую Primgng с углом 4 и отображаю данные json в таблице.Как получить фильтр «Поиск» в виде строки 2. Строка 1 - это статические заголовки, а в строке 2 должны быть фильтры поиска (для каждого столбца).Также данные json не возвращают серийный номер.Как я могу отобразить серийный номер, начиная с 1,2,3 ..... поэтому при рассмотрении данных JSON будет динамическим.Вот мой код ... 

    <p-dataTable [value]="persons" [immutable]="false" [rows]="10">
        <p-column *ngFor="let col of cols" [field]="col.field" 
       [header]="col.header" [filter]="col.filter"></p-column>
   </p-dataTable>

1 Ответ

0 голосов
/ 11 декабря 2018

Фильтр уже указан в документации PrimeNg. PrimeNg Filter Пожалуйста, следуйте инструкциям, как указано.

Для отображения S.No.Используйте код ниже: 

 <p-table #tt [columns]="cols" [value]="data" [totalRecords]="totalRecords">
  <ng-template pTemplate="header">
    <tr>
      <th style="width:70px;">S.No</th> // added header Explicitly.
      <th *ngFor="let col of cols">
        {{col.header}}
      </th>
    </tr>
   <tr>
     <th></th> // added empty header in row 2.
     <th *ngFor="let col of cols" [ngSwitch]="col.field">
             // Filters will go here
   </th>
   </tr>
   </ng-template>
  <ng-template pTemplate="body" let-i="rowIndex" let-suite>
   <tr">
    <td>{{i+1}}</td> //It will print Sr.No.
    <td *ngFor="let col of cols" [ngSwitch]="col.field">
    .
    .
    .
    </td>
    </tr>
   </ng-template>
</p-table>
...