Thymeleaf-爲表格行創建動態ID

Question

我是新來的thymeleaf，我試圖爲tr創建id並獲取動態行。

成功獲取表格行，但我不知道熱的創建每行thymeleaf id。

<table class="table table-hover" id="table"> 
       <thead style="background-color:#CCE5FF"> 
       <tr> 
        <th>ID</th>      
        <th>Code</th>     
        <th>Created Date</th>    
        <th></th> 
       </tr> 
       </thead> 
       <tbody> 
       <tr th:each="emp,iterStat : ${empList}"> 
        <td th:text="${emp.id}">ID</td> 
        <td th:text="${emp.mdrcode}">Code</td> 
        <td th:text="${emp.createDate}">Created Date</td>      
        <td><a id="editview" class="btn btn-sm btn-default" th:href="@{/}"><i class="fa fa-edit"></i> View</a></td> 
       </tr> 
       </tbody> 
       </table> 

Answer 1

您可以使用th:id。

<!-- this would assign the emp.id to the id attribute of the tr. 
<tr th:id="${emp.id}" th:each="emp,iterStat : ${empList}"> 
    <td th:text="${emp.id}">ID</td> 
    <td th:text="${emp.mdrcode}">Code</td> 
    <td th:text="${emp.createDate}">Created Date</td> 
    <td><a id="editview" class="btn btn-sm btn-default" th:href="@{/}"><i class="fa fa-edit"></i> View</a></td> 
</tr> 

我們還可以添加一些文字到ID：

<!-- this would assign someText + emp.id to the id attribute of the tr. 
<tr th:id="'someText__${emp.id}__'" th:each="emp,iterStat : ${empList}"> 
    <td th:text="${emp.id}">ID</td> 
    <td th:text="${emp.mdrcode}">Code</td> 
    <td th:text="${emp.createDate}">Created Date</td> 
    <td><a id="editview" class="btn btn-sm btn-default" th:href="@{/}"><i class="fa fa-edit"></i> View</a></td> 
</tr>