skwpspace yan pritzker’s home on the web

Multi column lists using in_groups_of

This code uses the basic technique outlined in this article to split the list up into several lists of a fixed size and then use css to float them into columns.

<% col_size = friends.size/4 %>
<% friends.in_groups_of(col_size) do |group| %>
  <div class=‘list‘>
    <ul>
    <% group.each do |friend| %>
      <li><%= display friend %></li>
    <% end %>
    </ul>
  </div>
<% end %>

div.list {
 width: 10em;
 float: left;
}

Thank you for this post, but I think this is not yet finished. If the number of friends is 9 you will get 5 columns instead of 4.

I’ve posted this code on http://refactormycode.com/codes/167-split_in_groups-instead-of-in_groups_of to see if people have a similar problem.