为什么我的列出现在彼此下方而不是下一个？

Question

您可以从我的图片底部看到，我的产品显示在彼此下方。如何使它们彼此相邻出现在各自的列上？ View image

<tr>
<th>Month</th>
<div *ngFor="let p of products">
    <th><b>{{ p.productLabel }}</b></th>
</div>

Answer 1

您正在循环一个div，它是一个block 类型的HTML 标记。 请将您的 *ngFor 放在 th 上。