HTML list data

{% extends "layouts/datamhs.html" %}

{% block title %} {% endblock %}

<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}{% endblock stylesheets %}

{% block content %}

<!DOCTYPE html>
<html>
<head>
    <title>TRANSAKSI MAHASISWA</title>
</head>
<body>
    <div class="row">
            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-primary">
                  <h4 class="card-title ">Daftar Transaksi Mahasiswa</h4>
                  <p class="card-category"> Data Transaksi Mahaiswa </p>
                </div>
                <div class="card-body">
                  <div class="table-responsive">
                    <table class="table">
                      <thead class=" text-primary">
                        <th>
                          No.
                        </th>
                        <th>
                          Tahun Angkatan
                        </th>
                        <th>
                          NIM
                        </th>
                        <th>
                          Nama
                        </th>
                        <th>
                          Jurusan
                        </th>
                        <th>
                          Semester
                        </th>
                        <th>
                          Keterangan
                        </th>
                      </thead>
                      <tbody>
                        {% for queryset in queryset %}
                        <tr>
                          <td>{{ forloop.counter }}</td>
                          <td>{{ queryset.id_mahasiswa}}</td>
                          <td>{{ queryset.tahun_angkatan}}</td>
                          <td>{{ queryset.nama }}</td>
                          <td>{{ queryset.jurusan }}</td>
                          <td>{{ queryset.semester}}</td>
                          <td>{{ queryset.keterangan }}</td>
                          <td><button class="btn btn-primary"> <a href="-" class="button">Detail</a></button>
                            <td><button class="btn btn-info"> <a href="{% url 'edittransaksimahasiswa' queryset.id %}" class="button">Edit</a></button>
                              <button class="btn btn-danger"><a href="{% url 'deletetransaksimahasiswa' queryset.id %}" class="button">Hapus</a></button></td>
                            {% endfor%}
                          </tr>
                      <tr><button class="btn btn-primary"><a href="{% url 'createtransaksimahasiswa' %}" class="button">New Create</button></tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>


</body>
</html>

{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}{% endblock javascripts %}