Раскрывающийся список

<table class="table-bordered table-dark">
  <tbody>
    <tr>
      <th>&nbsp;</th>
      <th >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
    </tr>
    <tr>
      <td>Количество рабочих мест</td>
      {% for product in products %}
      <td><div contenteditable >{{ product.price }}</div></td>
    {% endfor %}
    </tr>
    <tr>
      <td> 
       {% for product in products%}
<select  name="hero">
    <option  value = "{{ product.title}}">{{ product.title}}</option>
</select>
          {%endfor%}
      </td>
       <td><div contenteditable ></div></td>
    </tr>
    <tr>
      <td>не сильно понятно что написанно</td>
      <td><div contenteditable ></div></td>
    </tr>
    <tr>
      <td scope="row">% что то там для оптима</td>
      <td><div contenteditable ></div></td>
    </tr>
  </tbody>
</table>

class Product(models.Model):
    category = models.ForeignKey('Category', on_delete=models.PROTECT)# к какому калькулятору относиться 
    title = models.CharField(max_length=120)# наименование материала
    quantity_or_meter = models.DecimalField(max_digits=9, decimal_places=2)
    price = models.DecimalField(max_digits=9, decimal_places=2)
    slug = models.SlugField()
    def __str__(self):
        return self.title
 
    def save(self, *args, **kwargs):
        self.slug = slugify(self.title)
        super(Product, self).save(*args, **kwargs)
 
    def get_absolute_url(self):
        return reverse('product_detail', kwargs={'product_slug': self.slug})