Untitled

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Show Hero</title>
</head>
<body>

<table>
    <tr>
        <td>Profesja</td>
        <td th:text="${hero.profession}">text</td>
    </tr>
    <tr>
        <td>Poprzednia profesja</td>
        <td th:text="${hero.lastProfession}">text</td>
    </tr>
    <tr>
        <td>Rasa</td>
        <td th:text="${hero.race}">text</td>
    </tr>
</table>


<style type="text/css">
    .tg  {border-collapse:collapse;border-spacing:0;border-color:#999;}
    .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#999;color:#444;background-color:#F7FDFA;}
    .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#999;color:#fff;background-color:#26ADE4;}
    .tg .tg-baqh{text-align:center;vertical-align:top}
    .tg .tg-0lax{text-align:left;vertical-align:top}
</style>
<table class="tg">
    <tr>
        <th class="tg-0lax">WW</th>
        <th class="tg-0lax">US</th>
        <th class="tg-0lax">K</th>
        <th class="tg-0lax">ODP</th>
        <th class="tg-0lax">ZR</th>
        <th class="tg-0lax">INT</th>
        <th class="tg-0lax">SW</th>
        <th class="tg-0lax">OGD</th>
    </tr>
    <tr>
        <td class="tg-baqh" th:text="${hero.WW.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.US.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.k.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.ODP.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.ZR.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.INT.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.SW.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.OGD.basicValue}">0</td>
    </tr>
</table>

<style type="text/css">
    .tg  {border-collapse:collapse;border-spacing:0;border-color:#999;}
    .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#999;color:#444;background-color:#F7FDFA;}
    .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#999;color:#fff;background-color:#26ADE4;}
    .tg .tg-baqh{text-align:center;vertical-align:top}
    .tg .tg-0lax{text-align:left;vertical-align:top}
</style>
<table class="tg">
    <tr>
        <th class="tg-0lax">A</th>
        <th class="tg-0lax">ŻYW<br></th>
        <th class="tg-0lax">S</th>
        <th class="tg-0lax">WT</th>
        <th class="tg-0lax">SZ</th>
        <th class="tg-0lax">MAG</th>
        <th class="tg-0lax">PO</th>
        <th class="tg-0lax">PP</th>
    </tr>
    <tr>
        <td class="tg-baqh" th:text="${hero.a.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.ZYW.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.s.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.WT.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.SZ.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.MAG.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.PO.basicValue}">0</td>
        <td class="tg-baqh" th:text="${hero.PP.basicValue}">0</td>
    </tr>
</table>


</body>
</html>