在django模板中将多行显示为网格

在django模板中将多行显示为网格,django,twitter-bootstrap,django-forms,Django,Twitter Bootstrap,Django Forms,我需要从数据库向用户显示几行。例如,我有一个表水果,其中有列:名称,颜色,价格。因此,我希望我的表单生成类似html的紧凑网格视图: 名称 颜色 价格 苹果 黄色的 100$ 梨 绿色 $80 表单用于编辑。由于不需要编辑这些值,因此只需将上下文字典中的查询集传递给模板即可。例如: 视图.py def fruit_list(request): context = {'fruit_list': Fruit.objects.all()} return render(request

我需要从数据库向用户显示几行。例如,我有一个表
水果
,其中有列:
名称
颜色
价格
。因此,我希望我的表单生成类似html的紧凑网格视图:


名称
颜色
价格
苹果
黄色的
100$
梨
绿色
$80

表单用于编辑。由于不需要编辑这些值,因此只需将上下文字典中的查询集传递给模板即可。例如:

视图.py

def fruit_list(request):
    context = {'fruit_list': Fruit.objects.all()}
    return render(request, 'fruits/fruit_list.html', context)
水果/fruit\u list.html

<table>
  <tr>
    <th>Name</th>
    <th>Color</th>
    <th>Price</th>
  </tr>
  {% for fruit in fruit_list %}
  <tr>
    <td>{{ fruit.name }}</td>
    <td>{{ fruit.color }}</td>
    <td>{{ fruit.price }}$</td>
  </tr>
  {% endfor %}
</table>

名称
颜色
价格
{水果中的水果占%u列表%}
{{fruit.name}
{{fruit.color}}
{{水果价格}$
{%endfor%}