HTML Tabellenüberschriften werden vertikal angezeigt

[BlackDemo]

Hallo,
Ich arbeite mit Spring Boot, welches eine Tabelle "categories" an den Client übersendet. Die Überschrifen darin werden jedoch vertikal angezeigt:

Code:

<table>
             <th:block>
                <tr th:each="c : ${categories}">
                    <th th:text="${c}"></th>
                </tr>
               
                <tr>
                    <td>Content 1</td>
                    <td>Content 2</td>
                    <td>Content 2</td>
                </tr>
               
                <tr>
                    <td>Content 1</td>
                    <td>Content 2</td>
                    <td>Content 2</td>
                </tr>
            <th:block>
        </table>

Wenn ich aber die Überschriften manuell eingebe, wird alles einwandfrei und ohne Probleme angezeigt.

Liebe Grüße

 

[berto]

So wie ich das sehe erzeugst du für jedes Überschriften element ein tr (table row) anstatt eines th

 

[benneq]

Das ist kein echtes HTML, sondern vermutlich Thymeleaf

Und wenn du den Table Content in den Table Header packst, und dazu noch Zeilen in Spalten schachtelst, ist es kein Wunder, dass da nur Kraut und Rüben bei rumkommt.

https://wiki.selfhtml.org/wiki/HTML/Tabellen/Aufbau_einer_Tabelle
https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html

 

[BlackDemo]

Hat geklappt Danke
Falls jemand das gleiche Problem hat:

<th th:each="category : ${categories}" th:text="${category}"></th>