Как создать массив в таблице сетки в Django HTML?

Я могу отправить свою модель на страницу html и привести ее к структуре массива, но я не могу интегрировать эту array в таблицу грида. Кто-нибудь знает, как я могу это сделать?

views.py

def tests(request):
    resultQueryet = ResultsModel.objects.all()
    requests = serialize('json', resultQueryet)
    
    context = {
        "requests" : requests
    }
    
    return render(request, 'admin/tests.html', context=context)

html

{% block content %}
    <div class="card-body">
      <div id="table-card" class="table-card"></div>
     </div>
{% endblock %}

    {% block extra_js %}
        <script>
            var model = {{requests|safe}};
            console.log(model)
            document.getElementById("table-card") &&
            new gridjs.Grid({
                columns: ["Name", "Surname", "Date", "Amount", "Result", "Details"],
                sort: !0,
                pagination: { limit: 5 },
                data: [
                    [
                        {% for x in model %}
                            {{x.name}},
                            {{x.surname}},
                            {{x.date}},
                            {{x.amount}},
                            {{x.result}},
                            {{x.details}},
                            
                        {% endfor %}
                    ],
                    
                ],
                }).render(document.getElementById("table-card"))
        </script>
        <script src="{% static 'libs/prismjs/prism.js'%}"></script>
        <script src="{% static 'libs/gridjs/dist/gridjs.umd.js'%}"></script>
        <script src="{% static 'js/pages/gridjs.init.js'%}"></script>
    {% endblock extra_js %}

Я могу просмотреть модель как array на экране console, но я не могу вывести ее в таблицу через for loop.

Вернуться на верх