angular - Angular 5 primeng 中的一列中的两个变量

Question

如何使姓名和姓氏在同一列中？

<p-dataTable [value]="users" expandableRows="true" selectionMode="single" 
   [(selection)]="selectedUser" (onRowSelect)="onRowSelect($event)" 
   [paginator]="true" [rows]="10" [globalFilter]="gb" #dt>

  <p-column expander="true" styleClass="col-icon"></p-column>
  <p-column field="id" header="Identificador"></p-column>
  <p-column field="name" header="Names"></p-column>
  <p-column field="surname" header="Surnames"></p-column>
</p-dataTable>

标签： angularprimengprimeng-datatable

Answer 1

使用模板功能。就像是 ：

<p-column field="name" header="Names">
    <ng-template let-user="rowData" pTemplate="body">
        {{user.name}} {{user.surname}}
    </ng-template>
</p-column>

见StackBlitz