이 데이터를 테이블 또는 일련의 div로 구성해야합니까?

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> 

이는 부트 스트랩 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 %} 

상태 유지를 사용하고 페이지의 각 "테이블". 어떤 방법이 더 일반적으로 선호됩니까?