Как разбить значение массива на 2 строки с помощью jsrender

#javascript #jsrender

#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. Не могли бы вы, пожалуйста, указать, какую технологию вы используете? Потому что это не обычный JS, верно?

2. Я использую 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>
  

Комментарии:

1. В качестве первичного ключа у меня будет идентификатор для людей, поэтому для каждого идентификатора я могу добавить имя и адрес нескольких людей