2016-09-18 74 views
0

我使用流星(當前在v1.3.4,關於部署的原因和mup的兼容性)和twbs:bootstrap。這裏有一個表我有一個模板:流星1.3和bootstrap無視​​和<tr>標籤裏面#each

<div class = "table-responsive"> 
<table class="table table-hover table-condensed"> 
<thead> 
<tr> 
    <th>Resource</th> 
    <th>In Stock</th> 
    {{#if stockFeatureShow 'price'}} 
     <th>Price</th> 
    {{/if}} 
    {{#if stockFeatureShow 'group'}} 
     <th>Group</th> 
    {{/if}} 
</tr> 
</thead> 
<tbody> 
    {{#each resources}} 
     <a class= "viewPriceGraph" value = "{{itemNo}}"> 
      <tr> 
       <td> 
         {{item}} 
         {{#if coolCheck yearmod.kind}} 
          - cool right now! 
         {{/if}} 
         {{#if pollutedCheck yearmod.kind}} 
          - polluted right now :(
         {{/if}} 

       </td> 
       <td>{{amount}}</td> 
       {{#if stockFeatureShow 'price'}} 
        <td>{{price}}</td> 
       {{/if}} 
       {{#if stockFeatureShow 'group'}} 
        <td>{{groupName}}</td> 
       {{/if}} 
      </tr> 
     </a> 
    {{/each}} 
</tbody> 
</table> 
</div> 

我知道這已經在幾個月前工作正常,我不認爲我所做的任何更改,因爲(也許是1.3或移動流星向前版一些這樣的?),但突然間,流星渲染似乎忽略了{{#each}}段內的所有<tr><td>標記。

screenshot of table from running app, where all data from the each function has been stuffed into the first, one cell of the table

我很茫然不知從哪裏去這個。有什麼建議麼?

[編輯:我只記得我添加ensureindex查詢大多數我的收藏品,用於對不同的領域,即領域的& B,和現場A,B的交點,&Ç收集1,依此上。我無法理解這將如何導致這個突破,我做了一堆數據庫查詢檢查從流星蒙戈和返回的查詢仍然看起來看起來是正確的。]

[編輯2:我真的應該做到這一點之前檢查,但我現在看着呈現的HTML,它確實有<td><tr>標籤。 Safari設法將不同的<tr> -s分成行,但不是<td> -s。

Screenshot of how the different pieces of data have separate <td>-s but they're all scrunched up together.

這使我認爲這個問題是與拼焊板:引導包,但我不知道如何破譯其中。控制檯不告訴我任何錯誤,任何地方]

[編輯3:這不是與整個引導包的問題,​​導致其他表所呈現的罰款。似乎錨標記內的所有內容都會導致表內容中斷。這對我來說很神祕,因爲之前沒有發生這種情況,但我想這是一個更簡單的問題。]

+0

嘗試在'{{#if ...}}'語句之外移動'​​'標記 –

+0

@ChrisSatchell理想情況下,如果我沒有顯示那些列/單元格,我不希望這些列/單元格存在或佔用空間在某些頁面上的功能,這就是爲什麼我把#​​'標籤放在'#if'語句中。 我也嘗試過,它仍然不起作用。 – visheshk

+0

你可能會展示一個顯示該表格的HTML代碼片斷嗎?只是看看實際的DOM看起來像什麼 –

回答

1

顯然,在一個錨標記(有時)中包裝一個表的一行或多個單元會破壞單元分離和引導/ html將它們串在一起。理想情況下,只有單元格的內容應該錨定鏈接。

我以前this thread修復我的代碼,桌子現在的作品。謝謝您的幫助!