使用 PrimeNG 数据表

Question

正在尝试从 PrimeNG 设置 DataTable。我从 API 得到这样的回复

[{"firstName":"Mop","lastName":"Top","eId":"aaa123","tech":"AWS"},{"firstName":"Hey","lastName":"Arnold","eId":"hfg456","tech":"AWS"},{"firstName":"Hom","lastName":"Mom","eId":"abf654","tech":"AWS"}]

看来我使用的 ngFor 可能是错误的，因为它没有将数组加载到 table ？控制台中没有错误，所以我不确定我做错了什么。

Link to my code

是的，我知道数据table 已被弃用，但我无法让 TableModule 导入 :(

Answer 1

如果您希望 table 的列是动态的，则只能将 *ngFor 与 p 列一起使用。从您的代码来看，您的列根本没有在打字稿中定义，因此它们应该在您的 html:

中静态定义

<p-dataTable [value]="tech">
  <p-column field="firstName" header="First Name"></p-column>
  <p-column field="lastName" header="Last Name"></p-column>
  <p-column field="eId" header="E Id"></p-column>
  <p-column field="tech" header="Tech"></p-column>
</p-dataTable>

在 PrimeNG's documentation 中，此信息位于第一个 "Source" 选项卡下，就在 "Basic" 下。

使用 PrimeNG 数据表

Using PrimeNG DataTables

primeng

angular

primeng-datatable