Angular2 - как создать простую таблицу

Мне нужно знать правильную практику для использования в этом сценарии:

У меня есть WebApi, который возвращает табличный набор данных, и я должен показать его с помощью таблиц начальной загрузки...

Как это реализовать ? Какой компонент bootstrap я должен использовать?

таблица очень проста, она выставляет только несколько данных и кнопку, чтобы перейти в детали строки...

благодаря поддержке

7
angular

2 ответов

вот пример простой таблицы, которая перенаправит вас на детали на строку нажмите:

<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>

Я предполагал, что вы работаете с transfers массив и перенаправление на основе id.

7

вы можете использовать таблицы данных Bootstrap angular 2. проверьте это URL-адресом

Если вы хотите протестировать другое решение, перейдите к таблице ковалентных данных teradata. Проверьте это ссылке

с помощью вы можете получить отзывчивый дизайн с некоторыми дополнительными функциями, такими как: поиск объекта, разбиение на страницы

2