0

最近在工作中有一些关于如何最好地呈现一些数据的讨论，并且在某些页面是否应该使用表格来显示信息与使用 Bootstrap 创建伪表格之间似乎存在一些内部冲突。

如果我们决定继续使用表格来显示信息，这就是来源的样子。一些有条件的胡言乱语已被删除。

  <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>

这就是使用引导 div

{% 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 %}

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

4

1 回答 1

0

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

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

但是，如果我列出了一些书籍 [作者、类别、成本]，一些我列出了 [作者、出版商、版本]，而另一些书籍则列出了完全不同的集合，那么 table 不是正确的方式。表格不应用于视觉样式和排列。

看到您的代码，我有一种强烈的感觉，即细节是相同的数据类型，因此应该在表格中呈现。

于 2012-07-12T19:13:38.470 回答