Question

最近在工作中已经讨论了如何最好地呈现一些数据，并且似乎存在一些内部冲突，关于某些页面是否应该使用表来显示信息而不是创建伪表。自举。

如果我们决定继续使用表格并使用表格来显示信息，那么这就是源代码。一些条件guff已被删除。

  <table class="table well">
  <thead>
      <th> Name </th>
      <th> Detail #1 </th>
      <th> Detail #2 </th>
      <th> Detail #3 </th>
  </thead>
  <tbody class="sortable">
  {% for m in model_list %}
      <tr id="{{ m.id }}">

          <td><span class='number-style'> {{ forloop.counter }}.</td>
          <td>{{ m.name}}</td>
          <td>{% autoescape off %}{{ m.detail1 }}{% endautoescape %} </td>
          <td>{% autoescape off %}{{ m.detail2}}{% endautoescape %} </td>
          <td>{% autoescape off %}{{ m.detail3}}{% endautoescape %} </td>
        </tr>
    {% endfor %}
  </tbody>

这是使用bootstrap divs

{% for m in model_list %}
<div class="row">
    <div class="span2">
    {{ m.name }}
    </div>

    <div class="span2" style="word-wrap: break-word">
        {% autoescape off %}{{ m.details1 }}{% endautoescape %}
    </div>

    <div class="span2" style="word-wrap: break-word">
        {% autoescape off %}{{ m.details2 }}{% endautoescape %}
    </div>

    <div class="span2" style="word-wrap: break-word">
        {% autoescape off %}{{ m.details3 }}{% endautoescape %}
    </div>

</div>
{% endfor %}

请记住，这些都包含在使用bootstrap布局的页面中，并且它们可能是页面上每个“表”的多个实例。哪种方法更普遍？

Answer 1

每一行对于详细信息1是否具有相同的数据类型？同样的细节2和3？如果行之间的关系都是3个细节，但这3个细节可以是各种类型而不是类型1，键入2和类型3，那么使用table不是正确的方法。

例如，如果我列出书籍并且他们的详细信息是固定的并且类型[作者，类别，费用]，那么我肯定会使用表格。

但是，如果对于某些书籍我列出[作者，类别，费用]，对于某些我列出[作者，出版商，版本]以及其他人完全不同，那么表格不是正确的方法。表格不应用于视觉样式和排列。

看到你的代码我强烈感觉到细节具有相同的数据类型，因此应该在表格中显示。

这些数据应该组织成一个表还是一系列div？

1 个答案: