带有动态标题和角度动态值的垂直表

时间:2019-11-18 07:23:23

标签: html css angular html-table angular7

考虑我的情况,我有2个来自服务调用的列表,一个列表将用作表标题,另一个列表将用作表数据。 像这样的东西

列表1-[姓名,年龄]

列表2-[Shubham,25]

表应类似于-

Name    Shubham
Age     25

另一个例子...

列表1-[DOC1,DOC2]

列表2-[待审核,已批准]

DOC1    Pending
DOC2    Approved

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

尝试这样:

Working Demo

<table>
    <ng-container *ngFor="let item of list1;let i = index">
        <tr>
            <td> {{list1[i]}}</td>
            <td> {{list2[i]}}</td>
        </tr>
    </ng-container>
</table>