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>

Answer 1

使用templating 功能。像 :

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

见StackBlitz

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

Two variable in a column in Angular 5 primeng

angular

primeng

primeng-datatable