Angular Priming-带有datatable的自动完成字段，用于建议

我试图让来自PrimeNG autocomplete字段的建议显示在一个带有标题的表中

最重要的是只显示第一行的表头，并可能消除表之间的填充。我还希望有一种更理想的方法来处理这个问题，因为现在每个建议都包含在自己的表中，我可以看到，在下拉列表中显示了大量建议，这是非常昂贵的

<p-autoComplete [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" 
    [(ngModel)]="customer" [suggestions]="customerResults" 
    (completeMethod)="searchCustomers($event)" field="name">
  <ng-template let-value let-i="index" pTemplate="item">
    <p-dataTable [value]="customerResults.slice(i, i+1)">
      <p-headerColumnGroup *ngIf="i === 0">
         <p-row>
           <p-column header="Id"></p-column>
           <p-column header="Name"></p-column>
         </p-row>
       </p-headerColumnGroup>
       <p-column field="id"></p-column>
       <p-column field="name"></p-column>
     </p-dataTable>
  </ng-template>
</p-autoComplete>