Grav 中带有 Twig 和 Yaml 的表格 html

Question

我无法将每个标题下的内容显示为 html 表格 Yaml：

table:
    -
        title: Test
        content:
            -
                value: 'test1'
            -
                value: 'test2'
            -
               value: 'test3'
     -
        title: ok
        content:
            -
                value: 'ok1'
            -
                value: 'ok2'
            -
                value: 'ok3'
     -
        title: abc
        content:
            -
                value: 'abc1'
            -
                value: 'abc2'
            -
                value: 'abc3'

树枝：

<table>         
            <thead>
                {% for item in page.header.table %}
                    <th>{{item.title}}</th>
                {% endfor %}
            </thead>
            <tbody>
                {% for item in (page.header.table.0.content) %}
                <tr>

                        <td>{{item.value}}</td>
                </tr>
                {% endfor %}   
            </tbody>          
        </table>

我们必须为每个循环中的每个内容取一个值，但我不能。 如何在表格中将每个内容放在其标题下方？

Answer 1

我会尝试在 twig 中关注。

    <table>         
        <thead>
            {% for item in page.header.table %}
                <th>{{ item.title }}</th>
            {% endfor %}
        </thead>
        <tbody>
            {% for item in (page.header.table) %}
               <tr>
               {% for content in item.content %}
                  <td>{{ content.value }}</td>
               {% endfor %}   
               </tr>
            {% endfor %}   
        </tbody>          
    </table

使用多个循环：

{% for item in (page.header.table) %}
    <tr>
    {% for content in item.content.0 %}
        <td>{{ content.value }}</td>
    {% endfor %}   
    {% for content in item.content.1 %}
        <td>{{ content.value }}</td>
    {% endfor %}   
    ...
    </tr>
{% endfor %}