Display Django models from database using for loop in HTML table

In my views.py I add all transactions from the database to the request context. I want to display the data in a dashboard table. How do I do this using a for loop?

I can use the following to print out all data, but it doesn't fit into the table.

{% for transaction in transactions %}
{{transaction.date}} {{transaction.event}} {{transaction.total}}
{% endfor %}

The HTML code

<div class="sales-boxes">
        <div class="recent-sales box">
          <div class="title">Transaction history</div>
          <div class="sales-details">
            <ul class="details">
              <li class="topic">Date</li>
              <li><a href="#">Date 1</a></li>
              <li><a href="#">Date 2</a></li>
            </ul>
            <ul class="details">
            <li class="topic">Event</li>
            <li><a href="#">Event 1</a></li>
            <li><a href="#">Event 2</a></li>
          </ul>
          
          <ul class="details">
            <li class="topic">Total</li>
            <li><a href="#">$1</a></li>
            <li><a href="#">$2</a></li>
          </ul>
          </div>
          <div class="button">
            <a href="#">See All</a>
          </div>
        </div>

My views.py code used to render the page

from .models import Transaction

def earner_dashboard(request):
    transactions = Transaction.objects.all()
    return render(request, 'dashboard.html', context={"transactions":transactions})