使用{{#each}}填充流星中的引導表，或在引導網格中創建動態列寬

我的問題是this問題和this問題的未回答部分的組合。我正在使用Meteor，並試圖製作一個表格或網格，並使用MongoDB中的動態數據進行填充，但我很難找到一種方法來完成我想要的所有內容。根據Jim Mack對第一個鏈接中問題的回答，我目前有一個使用{{#each}}標籤從mongo獲取數據的網格。下面是一個比特的示例代碼：使用{{#each}}填充流星中的引導表，或在引導網格中創建動態列寬

<template name="projectList"> 
    {{#each projects}} 
     {{> projectRow }} 
    {{/each}} 
</template> 

<template name='projectRow'> 
    <div class='row span12'> 
    <div class="projectRow"> 
     {{#each row }} 
      {{> projectItem}} 
     {{/each}} 
    </div> 
    </div> 
</template> 

<template name="projectItem"> 
    <div class="span6 projectItem nameitem"> {{name}}</div> 
    <div class="span6 projectItem numberitem">{{number}}</div> 
</template>

這工作很大並獲取的所有數據，但如在第二連桿所討論的，列必須是一個固定的寬度，由於動態寬度不根據自舉一個選項網格文檔。如果我使用標籤，{{#each}}不再有效，我無法弄清楚如何將數據存入表格。

有沒有人有一種方法可以從mongoDB獲取動態數據來填充Meteor的表格或者其他方式實現動態寬度列和動態MongoDB數據？

來源

2015-07-21 user3345626

如果要使用動態寬度，請使用flexbox，不要使用引導類。擺脫引導行&而不是display = flex與div。默認情況下，flex方向將設置爲row，這樣您就可以實現您想要的。那麼所有的小孩子都會是靈活的孩子，所以他們會擁有與需求一樣多的空間，除非你對他們設置了flex。

來源

2015-07-21 21:39:51

有趣，謝謝。我還沒有聽說過flex ..你在談論CSS flexbox嗎？ Meteor不會讓我把「display = flex」放到div中。 – user3345626

是的，flexbox是css。 –

啊，好吧。我在.projectRow的CSS中添加了「display：flex」，並做到了這一點。你知道flex是否能夠做到這一點，所以有一個統一的列是最寬元素的寬度？（原諒我，如果這應該作爲一個新問題發佈 - 我不是「新」，所以我知道有嚴格的做事方式，但我沒有用太多，所以我並不總是知道什麼他們是） – user3345626

使用{{#each}}填充流星中的引導表，或在引導網格中創建動態列寬

回答

相關問題