Django и JQuery - перебирать список объектов

Question

У меня есть таблица, которая выглядит следующим образом:

---

<table>
{% for object in object_list %}
<tr>
<th id="hiddenth">{{ object.user }}</th>
<th><button onclick="showTh()">Show Users</button></th>
</tr>
{% endfor %}
</table>

---

Возвращает столбец с именами пользователей и столбец с кнопками, как и ожидалось.

Но всекнопки отображаются на первую строку таблицы, а остальные строки не затрагиваются.

Как это исправить?

Спасибо за любую помощь

Answer 1

Это потому, что вы сделали заголовок таблицы вместо строки. См. Правильный код ниже.

<table>
<tr>
<th>User Name</th>
<th>Show User Button</th>
</tr>
{% for object in object_list %}
<tr id={{forloop.counter}}>
<td>{{ object.user }}</td>
<td><button onclick="showTh()">Show Users</button></td>
</tr>
{% endfor %}
</table>

Если вы хотите переключать строки с помощью JavaScript, вы можете использовать идентификатор, который теперь назначается каждой строке с помощью значения {{forloop.counter}}, установленного для идентификатора в каждой строке, который будетбыть эквивалентным:

1 для первого ряда

2 для второго ряда

3 для третьего ряда

... и т. д.