Spring Bootで下記のコードを書くと、横一列で表示されますが、
<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8" /> <title>日誌登録</title> </head> <h1>日誌登録</h1> </head> <body> <h1 class="text-center table table-hover ">日誌一覧</h1> <table border="1" class="table table-striped "> <tr> <th class="text-center">id</th> <th class="text-center">園児番号</th> <th colspan="3" class="text-center">園児の名前</th> <th class="text-center">睡眠開始時間</th> <th class="text-center">睡眠終了時間</th> <th class="text-center">機嫌</th> <th class="text-center">排便</th> <th class="text-center">食事</th> <th class="text-center">1日の様子</th> <th class="text-center">お迎え時間</th> <th class="text-center">伝達事項</th> <th class="text-center">記入者</th> <th class="text-center">日付</th> </tr> <tr th:each="nissi: ${teacherNissilist}"> <td th:text="${nissi.id}"> <td th:text="${nissi.childrenid}"> <td th:text="${nissi.name}"> <td th:text="${nissi.sleepstarttime}"> <td th:text="${nissi.sleependtime}"> <td th:text="${nissi.mood}"> <td th:text="${nissi.poop}"> <td th:text="${nissi.meal}"> <td th:text="${nissi.phase}"> <td th:text="${nissi.pickuptime}"> <td th:text="${nissi.communication}"> <td th:text="${nissi.daybookwriter}"> <td th:text="${nissi.writedate}"> </td></tr></body> <form th:action="@{/teacher-nissi-end}" th:object="${insertMogipuroForm}" > <input type="submit" name="back_btn" value="日記登録" /> <input type="submit" name="nissi_btn" value="戻る" /> </form> </html>
あなたの回答
tips
プレビュー