Puedo enviar mi modelo a la página html y llevarlo a la estructura de matriz, pero no puedo integrar esta array en la tabla de cuadrícula. ¿Alguien sabe cómo puedo hacer esto?

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 %}

Puedo ver el modelo como array en la pantalla de la console , pero no puedo imprimirlo en la tabla a través de un for loop .