Я видел, что вы получили ответ на этот вопрос, но я хотел бы добавить к этому некоторую дополнительную информацию ;
Всегда желательно избегать таблиц в HTML в наши дни, поскольку у них много проблем, которые могут быть легко решены другими HTML тегами, такими как ul, li et c.
Для получения более подробной информации : https://www.lifewire.com/dont-use-tables-for-layout-3468941
Если вы посмотрите на большинство современных веб-сайтов, то используются div и ul , так как они имеют меньше кода, гибки и просты в использовании. управлять. Опять же, HTML просто для того, чтобы разместить ваши данные на месте.
Здесь вы хотите отобразить их горизонтально, что должно быть задачей, назначенной для CSS. Это так просто, все, что вам нужно сделать, это использовать flex и упомянуть, как вы хотите, и он делает это для вас самым простым и быстрым способом.
ul li{
display:block;
text-decoration:none;
}
ul{
display:flex;
flex-direction: column;
}
.reverse {
flex-direction:column-reverse;
}
<h4>Listing Horizontally</h4>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<h4 >Listing Horizontally in Reverse</h4>
<ul class="reverse">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
Вот и все .. Всегда используйте бэкэнд для извлечения данных и отображения периода. Как отобразить это CSS
Надеюсь, это имеет смысл для вас ...