{{ form.as_table }} - Render Django Forms as table

The {{ form.as_table }} method renders Django form fields as HTML table rows. Each form field is displayed inside a <tr> element, with labels and input fields arranged in separate table cells. This rendering style is useful when displaying form data in a tabular layout without manually writing HTML for each field.

Example:

<form method="post">
{% csrf_token %}
<table>
{{ form.as_table }}
</table>
</form>

Rendering Django Forms as HTML Tables

Example: Create a project named geeksforgeeks with an app named geeks and create a sample Django Form to render it.

In geeks /forms.py

from django import forms
 
# creating a form 
class InputForm(forms.Form):
 
    first_name = forms.CharField(max_length = 200)
    last_name = forms.CharField(max_length = 200)
    roll_number = forms.IntegerField(
                     help_text = "Enter 6 digit roll number"
                     )
    password = forms.CharField(widget = forms.PasswordInput())

In views.py, 

from django.shortcuts import render
from .forms import InputForm
 
# Create your views here.
def home_view(request):
    context ={}
    context['form']= InputForm()
    return render(request, "home.html", context)

In templates /home.html, 

<form action = "" method = "post">
    {% csrf_token %}
    <table>
        {{ form.as_table }}
    </table>
    <input type="submit" value="Submit">
</form>

Open http://localhost:8000/: Let's check the source code whether the form is rendered as a table or not. By rendering as a table it is meant that all input fields will be enclosed in <tr> tags. Here is the demonstration,

Explanation:

• Create Form Class: InputForm defines the form fields using Django form classes.
• Instantiate Form: The view creates an instance of InputForm.
• Pass Form to Template: The form object is included in the template context.
• Render Form: {{ form.as_table }} converts form fields into HTML table rows.
• Protect Form Submission: {% csrf_token %} adds CSRF protection for POST requests.
• Display Form: The generated table is rendered in the browser.

Note: {{ form.as_table }} only controls how form fields are rendered in the template. It does not affect form validation, submission handling, or database operations.

Other Form Rendering Methods

Related Articles

How to Create a Basic Project using MVT in Django?
How to Create an App in Django ?
{{ form.as_p }}
{{ form.as_ul }}