如何使用jsrender将数组值分成两行

时间:2019-03-15 18:42:24

标签: javascript jsrender

此代码与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个单独的行。

1 个答案:

答案 0 :(得分:0)

我认为您的问题是因为您关闭{{/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>