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在表格中的使用,遇到的空行问题的主要内容,如果未能解决你的问题,请参考以下文章

Thymeleaf 迭代,if,switch语法

SpringBoot——Thymeleaf中的条件判断(th:ifth:unlessth:switchth:case)

SpringBoot——Thymeleaf中的条件判断(th:ifth:unlessth:switchth:case)

ThymeLeaf+LayUI表格渲染错误

4)Thymeleaf th:each 循环迭代与 th:ifth:switch 条件判断

如何使用 thymeleaf 动态更新表格?