Angular2 - Jak stworzyć prostą tabelę

Question

muszę wiedzieć właściwą praktyką jest stosowanie w tym scenariuszu:

Mam WebAPI, która zwraca zestaw danych tabelarycznych i muszę pokazać je przy użyciu tabel bootstrap ...

Jak go wdrożyć? Którego składnika bootstrap powinienem użyć?

Stół jest bardzo prosta, to wystawiać tylko kilka danych i przycisk, aby przejść do szczegółów wiersza ...

Dzięki wsparciu

Answer 1

Oto przykład prostej tabeli, która przekieruje Cię do szczegółowych informacji na temat wiersza kliknij:

<table class="table table-hover"> 
    <thead> 
     <tr> 
      <td>Id</td> 
      <td>Title</td> 
      <td>Amount</td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr *ngFor="let transfer of transfers" [routerLink]="['/transfer']" [queryParams]="{ id: transfer.id }"> 
      <td>{{transfer.id}}</td> 
      <td>{{transfer.title}}</td> 
      <td>{{transfer.amount}}</td> 
     </tr> 
    </tbody> 
</table> 

Zakładam, że pracujesz z tablicą transfers i przekierowaniem na podstawie id.

Answer 2

Można użyć Bootstrap kątowych 2 tabele danych. sprawdź ten URL Jeśli chcesz przetestować inne rozwiązanie, przejdź do tabeli danych kowalencyjnych teradata. Sprawdź ten link

Korzystając można uzyskać elastyczne projektowanie z niektórymi więcej dodatkowych funkcji, takich jak: placówki wyszukiwania Pagination