Jak wypełnić tabelę danymi w pionie?

Question

Mam trzy tablice, które chciałbym ułożyć pionowo w tabeli HTML. Każda tablica będzie zawierała dane w kolumnie od góry do dołu.

Na przykład, mam trzy tablice:

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

chcę tabela wygląda następująco:

<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> 

Answer 1

Spójrz na tej stronie: Generate vertically-ordered HTML table in Ruby

Oto odpowiedni kod (zmienne instancji w tym przykładzie są używane po prostu dla jasności w określaniu, co kontroluje liczbę kolumn i wierszy):

<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> 

Answer 2

I pewnie używać Array#transpose zmienić rzeczy, aby dopasować to, co Twój <table> powinna wyglądać następująco:

rows = [ fruit, veges, meat ].transpose 

Teraz rows będzie wyglądać następująco:

[ 
    ["pear", "corn", "beef"], 
    ["apple", "radish", "chicken"], 
    ["orange", "lettuce", "pork"] 
] 

i generowania tabeli jest prosta sprawa iteracji ponad rows:

%table 
    - rows.each do |row| 
    %tr 
     - row.each do |food| 
     %td= food