Почему мои столбцы отображаются друг под другом, а не рядом?

#html #angular #html-table #multiple-columns

#HTML #angular #html-таблица #несколько столбцов

Вопрос:

Как вы можете видеть в нижней части моего изображения, мои продукты отображаются друг под другом. Как мне сделать так, чтобы они отображались рядом друг с другом в своей отдельной колонке? Просмотр изображения

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

Ответ №1:

Вы перебираете a div , который является block тегом type HTML. Вместо этого поместите свой *ngFor на a th .