Creating a table in HTML with Ruby?

Question

I am trying to make a table with ten values across on each row starting at 1 and going to 100.

My Ruby code looks like this:

<table border="1">

  <% (1..100).each do |i| 
    d3 = (i % 3 == 0) 
    d5 = (i % 5 == 0)

    i = "<b>#{i}</b>" if d5
    i = "<i>#{i}</i>" if d3 %>

    <tr>
      <td><%= i %></td>
    </tr>

  <% end %>
</table>

How would I put this in an HTML table in a 10 X 10?

FWIW, I don't like when the iterator variable is re-assigned in the block; I find that confusing to think about. — Dave Newton
– Dave Newton, Commented Jul 25, 2012 at 22:55
@DaveNewton It sure confused me -- I made (and fixed) two separate mistakes in my answer due to it. — Darshan Rivka Whittle
– Darshan Rivka Whittle, Commented Jul 25, 2012 at 22:58

Phrogz · Accepted Answer · 2012-07-25 22:56:12Z

2

Using ERB:

<table>
<%10.times do |row|%>
  <tr>
    <%10.times do |col|%>
      <td><%=
        i = row*10+col+1
        if i%5==0
          "<b>#{i}</b>"
        elsif i%3==0
          "<i>#{i}</i>"
        else
          i
        end
      %></td>
    <%end%>
  </tr>
<%end%>
</table>

Using Haml:

%table
  - 10.times do |row|
    %tr
      - 10.times do |col|
        %td
          - i = row*10+col+1
          = i%5==0 ? "<b>#{i}</b>" : i%3==0 ? "<i>#{i}</i>" : i

edited Jul 25, 2012 at 22:56

answered Jul 25, 2012 at 22:42

Phrogz

304k115 gold badges669 silver badges758 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Dave Newton Over a year ago

I likely would have done the same thing in ERB (the ternary).

Phrogz Over a year ago

@Dave Well, yeah, I didn't want to blow the poor beginner's mind :)

Dave Newton Over a year ago

You are a kind and benevolent Phrogz.

user102825 Over a year ago

thanks, i only wish this wasnt way over my head. oh well, maybe i will understand it in a few weeks

Dty Over a year ago

If it's over your head just google the ruby topics that confuse you. The only things you might not understand yet are ternary and modulos operators. It should only take you minutes to understand it.

Darshan Rivka Whittle · Accepted Answer · 2012-07-25 22:56:31Z

1

<table border="1">

<% (1..100).each do |i| 
   d3 = (i % 3 == 0) 
   d5 = (i % 5 == 0)

   s = "#{i}"
   s = "<b>#{i}</b>" if d5
   s = "<i>#{i}</i>" if d3 %>

  <% if i % 10 == 1 %><tr><% end %>
    <td><%= s %></td>
  <% if i % 10 == 0 %></tr><% end %>

<% end %>
</table>

Basically, you want to start a table row before elements 1, 11, 21, etc. and end a row after elements 10, 20, 30, etc.

edited Jul 25, 2012 at 22:56

answered Jul 25, 2012 at 22:40

Darshan Rivka Whittle

34.2k7 gold badges97 silver badges114 bronze badges

3 Comments

Phrogz Over a year ago

+1 for using the OP's original 1-100 loop, even if this sort of ERB manual markup generation is exactly the sort of reason I prefer Haml these days.

Darshan Rivka Whittle Over a year ago

@Phrogz Thanks! Yeah, if I were doing it myself, I'd prefer either of your solutions. As you said, not wanting "to blow the poor beginner's mind", I usually prefer to correct their code rather than rewrite it. I'm glad you demonstrated some more idiomatic and elegant styles.

Darshan Rivka Whittle Over a year ago

@user102825 You're very welcome. Have fun, and welcome to Stack Overflow!

Collectives™ on Stack Overflow

Creating a table in HTML with Ruby?

2 Answers 2

5 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related