如何使用 jsrender 将数组值分成 2 行答案

【问题标题】：How to break an array value into 2 rows using jsrender如何使用 jsrender 将数组值分成 2 行
【发布时间】：2019-03-15 18:42:24
【问题描述】：

这段代码使用JSRender运行

   <table id="" class="display" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th width="20%">Name</th>
                        <th width="30%">Address</th>
                    </tr>
                </thead>
                <tbody>
                    {{for People}}
                    <tr>
                        <td width="20%">{{:Name}}</td>
                        <td width="30%">{{:Address}}</td>
                    </tr>

                </tbody>
            </table>
            {{/for}}

这里Name是一个数组，它包含数组值，同样Address是一个数组值。

当我在网格上显示它时，这些值显示为 1,2，但理想情况下，我希望数据位于 2 个单独的行中。

【问题讨论】：

您能具体说明您使用的是什么技术吗？因为这不是一个普通的 JS 对吧？
我正在使用 jsrender

标签： javascript jsrender

【解决方案1】：

我认为您的问题是因为您关闭 {{/for}} 太晚了，应该是：

        <table id="" class="display" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th width="20%">Name</th>
                    <th width="30%">Address</th>
                </tr>
            </thead>
            <tbody>
                {{for People}}
                  <tr>
                    <td width="20%">{{:Name}}</td>
                    <td width="30%">{{:Address}}</td>
                  </tr>
                {{/for}}
            </tbody>
        </table>

【讨论】：

我将 Id for People 作为主键，所以对于每个 id 我可以添加多个人的姓名和地址