javascript - Loop in Nunjucks behaving differently depending on inner HTML markup -

i have following nunjucks template supposed render list of items list:

{% item in items %}     <li>         {{item.title}}     </li> {% endfor %}

and table

<table border="1">   {% item in items %}   <tr>     <td>{{item.title}}</td>   </tr>   {% endfor %} </table>

the list correctly rendered as

<li>a</li> <li>b</li> <li>c</li>

however table supposed have 3 tr elements rendered as

<table border="1">   <tr>      <td></td>   </tr> </table>

why there 1 tr element instead of 3 tr elements?

jsfiddle here:

Brazille