Home/ Questions/Q 5947663
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T16:59:45+00:00

I’ve got the following code in a django template: {% for item in items

  • 0

I’ve got the following code in a django template:

{% for item in items %}
  <tr onclick="{% url collection:viewitem item_id=item.id %}">
    <td>{{ item.name }}</td>
    <td>{{ item.date }}</td>
    <td>
      <button onclick="{% url collection:edititem item_id=item.id %}" type="button">Edit</button>
      <button onclick="{% url collection:removeitem item_id=item.id %}" type="button">Remove</button>
    </td>
  </tr>
{% endfor %}

However, the button onclick events don’t work, because the tr onclick seems to override it. How can I prevent this from happening?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    please try the following:

    <html>
    <body>
        <table >
            <tr onclick="alert('tr');">
                <td><input type="button" onclick="event.cancelBubble=true;alert('input');"/></td>
            </tr>
        <table>
    </body>
</html>

    The event.cancelBubble=true will suppress the tr click event

    • 0