Templates 通过迭代数组（使用liquid.js）使用liquid模板填充表

我需要使用Liquid.js实现Liquid模板，我想知道为什么在迭代数据时无法得到一个基本的表。当项目开始时，我可能不会呈现任何表对象（还有其他帖子讨论使用带有liquid的表是否合适），但是了解我尝试的失败原因会很有帮助。Liquid tablerow对象尚未移植到Liquid.js，因此这里不允许使用它

在中，使用基本列表标记可以在数组中迭代，但与表标记类似的语法则不行

未能呈现：

  <table>
      {% for pet in pets %}
          <tr>
              <td>{{ pet.name }}</td>
              <td>{{ pet.type }}</td>
              <td>{{ pet.age }}</td>
          </tr>
      {% endfor %}
  </table>

{宠物中宠物的百分比%}
{{pet.name}
{{pet.type}
{{pet.age}
{%endfor%}

按预期呈现：

  {% for pet in pets %}
  <ul>
      <li>{{ pet.name }}</li>
      <li>{{ pet.type }}</li>
      <li>{{ pet.age }}</li>
  </ul>
  {% endfor %}

{%用于宠物中的宠物%}

{{pet.name}
{{pet.type}
{{pet.age}

{%endfor%}

---

使用CSS可以将液体输出到简单的表格中。我已经为一个简单的库存表完成了这项工作。这段HTML和CSS代码应该让您朝着正确的方向前进

<ul class="pet-in-pets>
<li>{% liquid code here %} <br> {% more liquid %}</li>
</ul>
.pet-in-pets ul {  margin:0 0 15px;  width: 100%;  display: table;  table-layout: fixed; }
.pet-in-pets ul li {  display: table-cell;  width: auto;  text-align: center; border: 1px solid #fff; }

---

谢谢你，雷。我完全可以不使用HTML表标记输出一个表，您的代码片段很好地说明了我是如何做到这一点的。然而，我确实想理解为什么Liquid不能很好地处理HTML表标记。唠叨的好奇心。