2012-07-12 53 views
0

最近在工作中,對於如何最好地呈現一些數據已經有一些討論,並且在某些頁面是否應該使用表來顯示信息與使用Bootstrap創建僞表的過程中似乎存在內部衝突。這個數據應該組織成一個表還是一系列divs?

如果我們決定繼續使用表並使用表來顯示信息,那麼這將是什麼來源。一些有條件的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 %} 

牢記這兩個都包含有引導制定了一個頁面內,並且它們可以是多種情況下,它頁面上的每個「表格」。哪種方法會更普遍優先?

+0

'

'正是你正在使用它們 - 表格數據。 – 2012-07-12 18:36:38

+0

辦公室內似乎有什麼分歧,表格數據的定義究竟是什麼。 – mittonface 2012-07-12 18:38:30

+0

這是你可以在Excel電子表格或Access數據庫中顯示的東西嗎?然後它是表格數據。 – 2012-07-12 18:39:44

回答

0

對於細節1,每行都有相同的數據類型嗎?類似的細節2和3? 如果行之間的關係是所有都有3個細節,但這3個細節可以是各種類型,而不是特別是類型1,類型2和類型3,那麼使用表是不正確的。

例如,如果我列出的書籍和他們的細節是固定的,類型[作者,類別,成本],那麼我肯定會使用一張表。

但是,如果對於某些書籍[作者,類別,成本],我列出了一些[作者,出版者,版本],其他人完全不同,那麼表格不是正確的方法。表格不應用於視覺造型和佈置。

看到你的代碼我感覺到細節是相同的數據類型,因此應該在表中呈現。

+0

每一個的數據類型在技術上都是相同的。只要客戶指定,它們就會成爲文字塊。例如,{{m.name}}將是一個要執行的任務。並且{{m.detail [1,2,3]}}將是該任務的3個指令塊。 我不知道爲什麼它以這種方式組織,但這是我們的客戶似乎要求的。 – mittonface 2012-07-12 19:22:04

+0

對於那個任務,就像步驟1,步驟2和步驟3一樣?這似乎不是以表格的形式提供的數據。如果每個任務是分開的,並且他們的指令對他們來說是唯一的,我認爲如果這些行分開並放入div中會更好。 – 2012-07-12 19:31:51

+0

我應該指出,我知道顯然有一種更清潔更漂亮的方式來說明這一點。但客戶希望用戶能夠一次查看完整的任務列表和相關指令(如果可能,請不要滾動) – mittonface 2012-07-12 19:32:25

相關問題