Question

我正在使用PrimeNG，我将使用条件数据，如果条件为true，则合并2列（此处为水平两个单元格）。但是我在documentation中看不到任何相关信息。那有可能吗？有点精度，我必须使用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>

目标：如果（type === TYPE_CHOICE）=>合并yes并且no column，则放置一个下拉列表代替。

Answer 1

我认为您可以使用简单的* ngIf else语句来做到这一点。

根据条件可以做到。如果条件为true，则在您的th或td中添加colspan，否则在正常th或td中添加

。

请参阅下面的链接以供参考。

link

PrimeNG-表合并2列的东西

1 个答案: