How to add a table in Django Cryspy forms?

Question

I would like to add a table to a Django crispy form. I am trying to add the following html code to my create_bill.html or forms.py but I keep encountering some syntax errors. what is the correct way to add the following html code and remove the title for each lines:


     
         
             
                 
                    Item                                                    
                    Description
                    Qty
                    Unit Price
                    Account
                    Tax Rate
                    Amount GBP

forms.py

class BillForm(forms.ModelForm):

    bill_title = forms.CharField(widget=forms.TextInput(attrs={'placeholder': 'Title'}))
    vendor =  forms.CharField(widget=forms.TextInput(attrs={'placeholder': 'Vendor'}))
    bill_date =  forms.DateField(widget=forms.DateInput(attrs={'placeholder': 'Bill Date'}))
    due_date = forms.DateField(widget=forms.DateInput(attrs={'placeholder': 'Due Date'}))
    reference = forms.CharField(widget=forms.TextInput(attrs={'placeholder': 'Reference'}))

    class Meta:
        model = Bill
        fields = ['vendor','bill_date','due_date','reference']  


    def __init__(self, *args, **kwargs):
        super(BillForm, self).__init__(*args, **kwargs)
        self.helper = FormHelper()
        self.helper.form_tag = True
        self.helper.layout = Layout(
            Row(
                Column('vendor', css_class='form-group col-md-2 mb-0'),
                Column('bill_title', css_class='form-group col-md-2 mb-0'),
                Column('bill_date', css_class='form-group col-md-2 mb-0'),
                Column('due_date', css_class='form-group col-md-2 mb-0'),
                Column('reference', css_class='form-group col-md-2 mb-0'),
                css_class='form-row'
            ),            
            Fieldset('Add lines',Formset('lines')),
            Row(                               
                css_class='form-row'
            ),
            Div(               
                HTML("
"),
                ButtonHolder(Submit('submit', 'save')),
                )
            )

create_bill.html

{% extends 'base.html' %}

{% load crispy_forms_tags %}

{% block content %}
  {% crispy form %}
{% endblock %}

user_14378650 · Answer

Do you write "CRISPY_TEMPLATE_PACK = 'bootstrap4'" in the settings.py?

user_14378650 · Answer

I am using like this. Can you try like this in html page?

{% extends 'base.html' %}
    {% load static %}
    {% block body %}
    {% load crispy_forms_tags %}
    
    
    
        {% csrf_token %}
        {{form|crispy}}

user_17459152 · Answer

Old question, i know. But have you tried using a classic bootstrap html table with and tags ?

Something like :


        
        {% for form in formset %}
            
        {% endfor %}
    
    
            Column 1
            Column 2
            Column 3    
        
    
    

                {{form.Column1}}
                {{form.Column2}}
                {{form.Column3}}

You need to include this within your form.

How to add a table in Django Cryspy forms?

3 Answers