PrimeNG - Таблица слияния 2-х столбцов - PullRequest
Новая
       6

PrimeNG - Таблица слияния 2-х столбцов

0 голосов
/ 25 июня 2018

Я использую PrimeNG, я бы с условными данными объединил 2 столбца (здесь две ячейки по горизонтали), если условие истинно.Но я ничего не вижу в документации 1002 *.Это вообще возможно?Немного точности, я должен использовать ng-template.И во-вторых, я думаю, что colspan не должно работать здесь (потому что я не могу вставить в него угловой) 

<p-dataTable *ngIf="preferencesTypes && preferencesTypes.length > 0" [value]="preferencesTypes">
<p-column field="message" header="Message">
  <ng-template let-col let-car="rowData" let-index="rowIndex" pTemplate="body">
    <div class="tooltip">
      <span>
        {{car.label}}
      </span>
    </div>
  </ng-template>
</p-column>
<span>
  <p-column field="state" header="Yes">
    <ng-template let-col let-car="rowData" let-index="rowIndex" pTemplate="body">
      <p-radioButton *ngIf="car['type'] !== TYPE_VOID" [name]="'groupname_'+ index" [value]="getOptionName(car, 1)" [(ngModel)]="car[col.field]" (onClick)="myFunction(car, getOptionName(car, 1))"></p-radioButton>
      <span *ngIf="car['type'] === TYPE_CHOICE">{{car['options'][1].labels}}</span>
    </ng-template>
  </p-column>
  <p-column field="state" header="No">
    <ng-template let-col let-car="rowData" let-index="rowIndex" pTemplate="body" *ngIf="car['type'] !== TYPE_CHOICE">
      <p-radioButton *ngIf="car['type'] !== TYPE_VOID" [name]="'groupname_'+ index" [value]="getOptionName(car, 0)" [(ngModel)]="car[col.field]" (onClick)="myFunction(car, getOptionName(car, 0))"></p-radioButton>
      <span *ngIf="car['type'] === TYPE_CHOICE">{{car['options'][0].labels}}</span>
    </ng-template>
  </p-column>
</span>

Цель: If (type ===TYPE_CHOICE) => объединить столбцы yes и no, чтобы вместо них было выбрано раскрывающееся меню.

1 Ответ

0 голосов
/ 25 июня 2018

Я думаю, что вы можете сделать это с помощью простого оператора * ngIf else.

На основании условий вы можете сделать это. если условие истинно, то добавьте colspan в ваш th или td, в нормальный th или td.

Пожалуйста, смотрите ссылку ниже.

Группа столбцов первичной таблицы

...