通过循环遍历rails中的二维数组来创建一个html表

Question

我正在尝试获取这些数组：

table_header  = ["val1", "val2", "val2"]
name_column   = ["name1", "name2", "name3"]
val1_column   = ["12", "12", "12"]
val2_column   = ["123", "123", "123"]
val3_column   = ["1234", "1234", "1234"]

进入这样的表格

| Name   |  val1  |  val2 | val3 |
----------------------------------
| name1  |  12    |  123  | 1234 |
----------------------------------
| name2  |  12    |  123  | 1234 |
----------------------------------
| name3  |  12    |  123  | 1234 |
----------------------------------

这是我所拥有的，它为我提供了表格标题和名称列

<table id="example" class="display">
  <thead>
    <tr>
      <th>Name</th>

    <%  table_header.each do |header| %>
      <th> <%= header %> </th>
    <%  end %>

    </tr>
  </thead>
  <tbody>
       <%  name_column.each do |name| %>
        <tr>
         <td> <%= name  %> </td>
        </tr>
        <% end %>

 </tbody>
</table>

我现在的问题是我无法将值列循环到表中。我已经尝试了一些东西，但它们都不起作用。

我可以将所有行放在下面的数组中，但可能有数百行加上 name_column 值不能添加到下面的数组中，因此最好将它们存储在列数组中。

first_row_vals  = ["12", "123", "1234"] 
second_row_vals = ["12", "123", "1234"] 
third_row_vals  = ["12", "123", "1234"]

如果您认为使用上述行数组会更容易，我很乐意试一试。

我确信有一些简单的方法可以做到这一点，但它不会突然出现在我的脑海中。

Answer 1

如果你要使用 row_vals 结构，我建议这样：

<tbody>
  <% [first_row_vals, second_row_vals, third_row_vals].each_with_index do |row, index| %>
    <tr>
      <td> <%= name_column[index] %> </td>
      <% row.each do |value| %>
        <td> <%= value %> </td>
      <% end %>
    </tr>
  <% end %>
</tbody>

对于更大的行集，您可以使用我在您的问题 cmets 中提出的二维数组。

rows_vals = []
rows_vals << ["1", "2", "3", "..."] 
rows_vals << ["4", "5", "6", "..."] 
# ...
# row_vals = [["1", "2", "3", "..."], ["4", "5", "6", "..."], ...]

那么工作应该会更容易

<tbody>
  <% rows_vals.each_with_index do |row, index| %>
    <tr>
      <td> <%= name_column[index] %> </td>
      <% row.each do |value| %>
        <td> <%= value %> </td>
      <% end %>
    </tr>
  <% end %>
</tbody>