如何将表生成为新列而不是行？

Question

这是我一直在研究的索引。我希望 _form 生成的每个新 table 都水平添加新列而不是垂直向下添加。有什么建议吗？

我希望它从#1 变为#2

表#1

名称（指标）

日期结果

名称（指标）

日期结果

名称（指标）

日期结果

表#2

名称（公制）|名称（公制） |名称（公制）

日期结果 |日期结果 |日期结果

<!-- Default bootstrap panel contents -->
<div id="values" class="panel panel-default">

  <div class="panel-heading"><h4><b>AVERAGE</b></h4></div>

  <!-- Table -->
<table>
  <thead>
    <% @averaged_quantifieds.each do |averaged| %>
      <% if averaged.user == current_user %>
      <tr>
        <th class="value">
        <%= averaged.name %>
        (<%= averaged.metric %>)
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th class="category">
        <%= averaged.date.strftime("%m-%d-%Y") %>
        </th>

        <th class="value">
        <%= averaged.result %>
        </th>
      </tr>
      <% end %>
  <% end %>
 </table>
</div>

Answer 1

您将在循环的每次迭代中创建新行。与其在每次迭代时都创建新的行和单元格，不如在循环中只创建新的单元格。这可能是以不得不使用多个循环为代价的。