Hình thức ngang (mỗi hàng) trong một biểu mẫu Django

Question

Cách Django trình bày một tập hợp theo chiều ngang, tức là một hàng trên một biểu mẫu? Phương thức as_table tạo ra nhiều biểu mẫu theo chiều dọc (với các nhãn). Tôi cần các trường biểu mẫu trong các hàng trong bảng (một hàng trên mỗi biểu mẫu) và các nhãn phải ở trên cùng. Tôi không thấy gì ngoài hộp. Điều này có được khuyến khích vì một lý do nào đó không?

Tôi nên làm rõ rằng tôi thực sự muốn một bảng, vì tiện ích bảng giao diện người dùng tôi sẽ sử dụng. Và bảng đó sẽ có các nhãn trong.

Vì vậy, cấu trúc mong muốn của tôi là:

<table> 
    <thead> 
    <tr><th>column1</th><th>column2</th></tr> 
    </thead> 
    <tbody> 
    <tr><td>form1.value1</td><td>form1.value2</td></tr> 
... 
    </tbody> 
</table> 

Answer 1

Bạn có thể muốn thử một cái gì đó như thế này http://www.djangosnippets.org/snippets/1442/

{{ formset.non_form_errors.as_ul }} 
<table id="formset" class="form"> 
{% for form in formset.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 %}"> 
    {% 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 }} 
    </td> 
    {% endfor %} 
    </tr> 
{% endfor %} 
</table> 

Answer 2

tôi đề nghị sử dụng form.as_ul và phong cách nó với CSS của bạn để làm cho nó tất cả trên một hàng. Bạn có thể làm điều đó với ul li { display: inline; } hoặc tất nhiên, thay thế một lớp hoặc ID nếu bạn không muốn ảnh hưởng đến tất cả UL theo cách đó.

Dưới đây là phần có liên quan của các tài liệu Django: http://docs.djangoproject.com/en/dev/topics/forms/#displaying-a-form-using-a-template

Edit: Để giải quyết nhu cầu của bạn cho một bảng, bạn muốn muốn làm một cái gì đó như thế này ... thay đổi nội dung một số chi tiết.

Rất khó để đặt tất cả các biểu mẫu này trong một bảng và vẫn có HTML hợp lệ. Phần tử biểu mẫu có thể bao quanh một bảng hoặc nằm trong một <td> ... mặc dù điều này có thể vẫn hoạt động.

<thead> 
    <tr> 
    {% for field in form %} 
    <th>{{ field.label }}</th> 
    {% endfor %} 
    </tr> 
</thead> 

<tbody> 
<tr class="table_row"> 
    <form action="/something/" method="post"> 
    {% for field in form %} 
     <td> 
     <table> 
     <tr><td>{{ field.label }}</td></tr> 
     <tr><td>{{ field }}</td></tr> 
     </table> 
     </td> 
    {% endfor %} 
    </form> 
    </tr> 
</tbody>