thymeleaf switch在表格中的使用,遇到的空行问题
Posted JillWen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了thymeleaf switch在表格中的使用,遇到的空行问题相关的知识,希望对你有一定的参考价值。
switch在表格中的使用时 如果把<td>写在<div th:switch="${data.isShow}"> 里面导致外面出现很多空的<div><p></p></div>,从而导致界面出现空行。放在外面时,显示正常。
<td><div th:switch="${data.isShow}">
<p th:case="1">
<input th:id="‘targetId_‘+${data.targetId}" th:value="${data.currTarget}"
th:class="form-control" maxlength="5" style="text-align:center;" title="只能输入1到100的数字,可以有一位小数"></input>
<input th:id="‘targetId_‘+${data.targetId}+‘_hidden‘" th:value="${data.currTarget}"
type="hidden"></input>
</p>
<p th:case="0">
<p th:text="${data.currTarget}"></p>
</p>
</div>
</td>
以上是关于thymeleaf switch在表格中的使用,遇到的空行问题的主要内容,如果未能解决你的问题,请参考以下文章
SpringBoot——Thymeleaf中的条件判断(th:ifth:unlessth:switchth:case)
SpringBoot——Thymeleaf中的条件判断(th:ifth:unlessth:switchth:case)