6

HTML テーブルに垂直に配置したい 3 つの配列があります。各配列のデータは、上から下の列に入力されます。

たとえば、次の 3 つの配列があります。

fruit = ['pear', 'apple', 'orange']
veges = ['corn', 'radish', 'lettuce']
meat = ['beef', 'chicken', 'pork']

テーブルを次のようにしたい：

<table>
  <tr>
    <td>
      pear
    </td>
  </tr>
  <tr>
    <td>
      corn
    </td>
  </tr>
  <tr>
    <td>
      beef
    </td>
  </tr>

  <tr>
    <td>
      apple
    </td>
  </tr>
  <tr>
    <td>
      radish
    </td>
  </tr>
  <tr>
    <td>
      chicken
    </td>
  </tr>

  <tr>
    <td>
      orange
    </td>
  </tr>
  <tr>
    <td>
      lettuce
    </td>
  </tr>
  <tr>
    <td>
      pork
    </td>
  </tr>
</table>
4

2 に答える 2

1

この Web サイトを見てください: Ruby で垂直方向に並べられた HTML テーブルを生成する

関連するコードは次のとおりです (この例のインスタンス変数は、列と行の数を制御するものを明確にするために使用されています)。

<table>
  <tbody>
    <% 0.upto(@rows_per_column-1).each do |row| %>
      <tr>
        <% 0.upto(@columns-1).each do |column| %>
        <% index = row + (column * @rows_per_column) %>
        <td><%= index %></td>
        <% end %>
      </tr>
    <% end %>
  </tbody>
</table>
于 2012-05-31T23:54:23.507 に答える