Я использую код javascript, называемый Jquery Formset (https://github.com/elo80ka/django-dynamic-formset/blob/master/src/jquery.formset.js), и я пытаюсь настроить макет, в частности, насчет deleteCssClass, модифицирующего код скрипта:
..
addText: '+',
deleteText: '-',
addCssClass: "btn btn-primary", // CSS class applied to the add link
deleteCssClass: "btn-primary", // CSS class applied to the delete link
..
Но кнопка удаления не соответствует формам, и в результате получается следующее:
У меня есть вставьте форму в таблицу, и я удалил отдельные метки, заменив их на заголовок таблицы. Ниже код моего тамплата:
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
<h2>Inserimento costi</h2>
<hr>
<div class="form-group">
<form action="." method="post">
{% csrf_token %}
<div>
{{ form.as_p }}
</div>
<table class="table">
{{ costi_materiali_form.management_form }}
{% for form in costi_materiali_form.forms %}
{% if forloop.first %}
<thead>
<tr>
{% for field in form.visible_fields %}
<th>{{ field.label|capfirst }}</th>
{% endfor %}
</tr>
</thead>
{% endif %}
<tr class="{% cycle row1 row2 %} form-group formset_row1">
{% for field in form.visible_fields %}
<td>
{# Include the hidden fields in the form #}
{% if forloop.first %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
{% endif %}
{{ field.errors.as_ul }}
{{ field|as_crispy_field }}
</td>
{% endfor %}
</tr>
{% endfor %}
</table>