Question

我的问题是this问题和this问题未解答部分的组合。我正在使用Meteor并尝试制作一个填充了MongoDB动态数据的表格或网格，但我找不到能够完成我想要的所有方法的方法。我目前有一个网格使用{{#each}}标记从mongo获取数据，基于Jim Mack对第一个链接中问题的回答。以下是一些示例代码：

<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数据？

Answer 1

如果需要动态宽度，请不要使用引导类，请使用flexbox。摆脱引导行＆amp;而是有一个display = flex的div。弹性方向默认设置为行，因此您将完全达到您想要的效果。然后所有子div都将是flex子，因此除非你在其上设置flex，否则它们将具有所需的空间。

使用{{#each}}在动态数据中填充meteor中的bootstrap表，或者在bootstrap网格中创建动态列宽

1 个答案: