Использование PrimeNG DataTables - PullRequest
Новая
       9

Использование PrimeNG DataTables

0 голосов
/ 28 апреля 2018

Попытка настроить DataTable из PrimeNG . Я получаю ответ от 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 неправильно, потому что он не загружает массив в таблицу? В консоли нет ошибок, поэтому я не совсем уверен, что делаю неправильно.

Ссылка на мой код

Да, я знаю, что Datatable устарела, но я не могу получить TableModule для импорта :(

1 Ответ

0 голосов
/ 20 мая 2018

Вы используете * 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 эта информация находится на первой вкладке "Источник", прямо под "Основным".

...