Пользовательское форматирование встроенного набора форм

Я создаю шаблон в Django, добавляю в него форму и набор форм, но мне не нравится, как он форматирует набор форм по умолчанию. Я пробовал .as_table и .as_ul, но это не форматирует его по моему вкусу. Я хотел бы видеть следующее из набора форм:

Ingredient   Percentage   Delete
ingredient1  .55
ingredient2  .22
ingredient3  .33

Я попробовал код в "https://stackoverflow.com/questions/17492374/how-to-render-formset-in-template-django-and-create-vertical-table", но когда я его реализую, у меня появляется два дополнительных столбца, "ID" и "Название рецепта". Я не знаю, откуда берутся эти колонки, и не знаю, как от них избавиться.

Пример: current_page

models.py

class Recipe(models.Model):
    name = models.CharField(max_length=200, null=True)
    description = models.CharField(max_length=200, null=True, blank=True)

    def __str__(self):
        return self.name

class Recipe_Ingredient(models.Model):
    recipe_name = models.ForeignKey(Recipe, null=True, on_delete = models.SET_NULL)
    ingredient = models.ForeignKey(Product, null=True, on_delete= models.SET_NULL)
    recipe_percent = models.DecimalField(max_digits=8, decimal_places=5, blank=True)

views.py

def recipeUpdate(request, recipe_id):
    RecipeIngredientFormSet2 = inlineformset_factory(Recipe, Recipe_Ingredient, extra=10, fields=('ingredient', 'recipe_percent'))
    recipe = Recipe.objects.get(pk=recipe_id)
    formset = RecipeIngredientFormSet2(instance=recipe)
    context = {'formset' : formset}
    return render(request, 'accounts/recipe_form.html', context)

recipe_form.html

{%  extends 'accounts/main.html' %}
{% load static %}
{% block content %}


<div class="row">
    <div class="col-md-6">
        <div class="card card-body">
            <form action="" method="POST">
                {{ form }}
                <p></p>
                <!--{{ formset.as_table }}-->
                <p></p>
                {{ formset.management_form}}
                <!--{% for form in formset %}
                    {{ form }}
                {% endfor %}-->
                <table>
                    <thead>
                        {% for form in formset %}
                            {% if forloop.first %}
                                {% for field in form %}
                                    <th>{{ field.label_tag }}</th>
                                {% endfor %}
                            {% endif %}
                    </thead>
                    <tbody>
                            <tr>
                                {% for field in form %}
                                    <td>{{ field }}</td>
                                {% endfor %}
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>

                <input type="submit" name="Submit">
            </form>



        </div>
    </div>
</div>


{% endblock %}

Нашел ответ... вот мой обновленный html код

{%  extends 'accounts/main.html' %}
{% load static %}
{% block content %}


<div class="row">
    <div class="col-md-6">
        <div class="card card-body">
            <form action="" method="POST">
                {% csrf_token %}
                {{ form }}


                {{ formset.management_form }}

                <table>
                    {{ form.id }}
                    {% for p in formset %}
                        <tr>
                        {% if forloop.first %}
                            <td>{{ p.DELETE.label_tag }}</td>
                            <td>{{ p.ingredient.label_tag }}</td>
                            <td>{{ p.recipe_percent.label_tag }}</td>
                            <p></p>
                        {% endif %}
                        </tr>
                        <!--{{ p.id }}
                        {{ p.ORDER }}-->
                        <tr></tr>
                        <td>{{ p.DELETE }}</td>
                        <td>{{ p.ingredient }}</td>
                        <td>{{ p.recipe_percent }}</td>
                        </tr>
                    {% endfor %}
                </table>

                <input type="submit" name="Submit">
            </form>



        </div>
    </div>
</div>


{% endblock %}
Вернуться на верх