Django postgresql запрос возвращает значение массива в html таблице

Я пытаюсь получить данные массива из базы данных Django postgresql и отобразить их в html-таблице. Также я ввожу эти данные через html-таблицу с помощью ручного ввода, который приведен ниже:

          <td><input type="text"  name="product_id" value="{{data.product_id}}" readonly></td>
          <td><input type="text" name="price" value="{{data.price}}" readonly></td>
          <td><input type="text"  name="quantity" value="{{data.quantity}}" readonly></td>

Вопросы:

                   product_id = request.POST.getlist('product_id')
                   price = request.POST.getlist('price')
                   quantity = request.POST.getlist('quantity')
                   amount = request.POST.getlist('amount')
                   purchase_table = PurchaseInvoice.objects.create(product_name=product_id, 
                   price=price, quantity=quantity)
                       purchase_table.save()
                   

data successfully added in my database. data stored like ['value1','value2']. But when I am trying to display those data on my html table its show on same format like ['value1','value2']. I want to display those data separately like in first row value1 and 2nd row value2. my models, views and html code given bellow:

модели:

                class PurchaseInvoice(models.Model): 
                      product_name = models.CharField(max_length=500)
                      price = models.CharField(max_length=300)
                      quantity = models.CharField(max_length=200)

                 def __str__(self):
                 return self.product_name  

Вид:

               def purchaseDetails(request,pk):
                   invo_data = PurchaseInvoice.objects.all().filter(invoice=pk)
                   return render(request,'purchase/invoice_details.html', 
                  {'invoice':invo_data})

HTML:

                     {% for data in invoice %}
                    <tr><td> {{ data.product_name }}</td>
                        <td>{{ data.price }}</td>
                        <td>{{ data.quantity }}</td></tr>
                        {% endfor %}

    

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