Как создать таблицу, чтобы данные собирались в соответствующем пространстве, а не просто разделялись на дополнительные ячейки, которые нарушают баланс?

#html-table #alignment #cell

Вопрос:

Я готовлю стол, и по большей части все в порядке. Но когда у меня есть несколько экземпляров данных для определенного элемента (в данном случае теги содержимого), вместо того, чтобы печатать вместе в одной и той же ячейке, в строке создается новая ячейка, отбрасывающая все это.

Аналогично, если по какой-либо причине ячейка остается пустой, она вообще не распечатывается, оставляя строку на одну ячейку короче. Вот скриншот конечного результата, чтобы лучше показать, что я имею в виду. скриншот таблицы

А вот код таблицы, за вычетом заголовка:

 <table class="table table-striped">
<tr th:each="event : ${events}">
    <td th:text="${event.id}"></td>
    <td th:text="${event.name}"></td>
    <td th:text="${event.eventDetails.description}"></td>
    <td th:text="${event.eventDetails.contactEmail}"></td>
    <td th:text="${event.eventDetails.address}"></td>
    <td th:text="${event.eventDetails.attendees}"></td>
    <td th:each="tag : ${event.tags}">
        <span th:text="${tag.name}"></span>
    </td>
    <td th:text="${event.eventCategory}"></td>
</tr>
 

Если у кого-нибудь есть какие-либо советы, пожалуйста, помогите!