html中<tr th:each = "">中能使用两个不同的变量吗？

Question

<table class="table table-striped table-hover">
      <thead>
        <tr>
          <th><i class="fas fa-calendar"></i> Date Tweeted</th>
          <th><i class="fas fa-hashtag"></i> Tweet</th>
        </tr>
      </thead>
      <tbody>
        <tr th:each="d : ${dates}">
          <td th:text="${{d}}">Tweet Date</td>
        </tr>
        <tr th:each="t : ${tweets}">
          <td th:text="${{t}}">Tweets</td>
        </tr>
      </tbody>
    </table>

这是目前使用的代码，效果如下：

但预期效果应该是那行字符串在22这个数字的同一行，也就是归属在同一个<tr>内，请问有没有什么办法能把这两个<tr>部分结合起来或者其他方法能达成这种效果吗？谢谢！

Answer 1

html部分

<table class="table table-striped table-hover">
      <thead>
        <tr>
          <th><i class="fas fa-calendar"></i> Date Tweeted</th>
          <th><i class="fas fa-hashtag"></i> Tweet</th>
        </tr>
      </thead>
      <tbody>
        <tr class="concatTr">
          
        </tr>
      </tbody>
</table> 

js部分 

let tds=''
dates.forEach(d=>{
    tds+=`<td>${d}</td>`
}) 
tweets.forEach(t=> {
    tds+=`<td>${t}</td>`
});
document.querySelector('.concatTr').innerHTML=tds;