Images displayed on person list correctly

src/main/resources/templates/person/list.html

@@ -37,8 +37,12 @@
                 <td th:text="${person.id}">123</td>
                 <td th:text="${person.toString()}"> First</td>
                 <th th:text="${person.getImage()?.getName()}"></th>
-                <th> <img class='img-thumbnail' th:src="'data:image/jpeg;base64,' + ${person.getImage()?.imageData} "
-                          width="50" height="50" alt=""/> </th>
+                <th th:if = "${person.getImage()}">
+                    <img class='img-thumbnail' th:src="'data:image/jpeg;base64,' + ${person.getImage()?.imageData} "
+                          width="50" height="50" alt=""/>
+                </th>
+                <th th:unless = "${person.getImage()}">
+                </th>
                 <td><span>
                         <a th:action="delete" class="btn btn-danger btn-sm" href=""
                            th:href="@{/person/{id}/delete(id=${person.id})}"