Выравнивание формы django crispy по заголовкам html
Я сделал динамическую форму django crispy, в которой пользователи могут добавлять дополнительные строки. Мне нужны только заголовки в первой строке, т.е.:
нет:
I have been able to remove the headings using a form helper and was then just going to add the headings separately in html but these do not align correctly:
У кого-нибудь есть идея, как сделать так, чтобы только в первом ряду метки выравнивались правильно?
forms.py
class MedFormSetHelper(FormHelper):
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.form_method = 'post'
self.layout = Layout(
Div(
Div('med_name', css_class='col-3',),
Div('dose', css_class='col-3',),
Div('form', css_class='col-3',),
Div('adherence', css_class='col-3',),
css_class='row',
),
Field('query', placeholder=kwargs.pop('query_placeholder', 'random text')),
)
self.form_show_labels = False
self.render_required_fields = True
html
<table id="currentmeds_table" border="0" cellpadding="0" cellspacing="5">
<thead>
<tr>
<div class="row" class="form-group">
<div class="col-3">
Medication
</div>
<div class="col-3">
Dose (mg)
</div>
<div class="col-3">
Formulation
</div>
<div class="col-3">
Adherence
</div>
</div>
</tr>
</thead>
<tbody>
<td>
{% for form in currentmed_formset %}
{% for fld in form.hidden_fields %}{{ fld }}{% endfor %}
{% if form.instance.pk %}{{ form.DELETE }}{% endif %}
{% crispy form med_formsethelper %}
{% endfor %}
</td>
</tbody>
</table>
{{currentmed_formset.management_form}}