Get every n record from database - Ruby on Rails

Question

I am trying to make a responsive image grid (here is an example from w3schools: Responsive Image Grid). From the example, they have the following html:

<div class="row"> 
  <div class="column">
    <img src="/w3images/wedding.jpg" style="width:100%">
    <img src="/w3images/rocks.jpg" style="width:100%">
    <img src="/w3images/falls2.jpg" style="width:100%">
    <img src="/w3images/paris.jpg" style="width:100%">
    ...
  </div>
  <div class="column">
    <img src="/w3images/underwater.jpg" style="width:100%">
    <img src="/w3images/ocean.jpg" style="width:100%">
    <img src="/w3images/wedding.jpg" style="width:100%">
    <img src="/w3images/mountainskies.jpg" style="width:100%">
    ...
  </div>  
  <div class="column">
    <img src="/w3images/wedding.jpg" style="width:100%">
    <img src="/w3images/rocks.jpg" style="width:100%">
    <img src="/w3images/falls2.jpg" style="width:100%">
    <img src="/w3images/paris.jpg" style="width:100%">
    ...
  </div>
  <div class="column">
    <img src="/w3images/underwater.jpg" style="width:100%">
    <img src="/w3images/ocean.jpg" style="width:100%">
    <img src="/w3images/wedding.jpg" style="width:100%">
    <img src="/w3images/mountainskies.jpg" style="width:100%">
    ...
  </div>
</div>

However, they are using static content. I want to make the content dynamic. I've done some research and found the following solution: Return every nth row from database using ActiveRecord in rails. Not sure if this is the right way, but my goal is to put every n element in each column without specifying the limit.

Currently, I have the following code in my controller:

def index
  @photos = Photos.is_active.all
end

Index view:

= render partial: "photos", collection: @photos

Is there any right way to implement the solution from w3school and make a dynamic content with Ruby on Rails loop?

Eyeslandic · Accepted Answer · 2020-07-09 08:15:44Z

2

in_groups_of does exactly what you're looking for.

Splits or iterates over the array in groups of size number, padding any remaining slots with fill_with unless it is false.

%w(1 2 3 4 5 6 7 8 9 10).in_groups_of(3) {|group| p group}
["1", "2", "3"]
["4", "5", "6"]
["7", "8", "9"]
["10", nil, nil]

%w(1 2 3 4 5).in_groups_of(2, '&nbsp;') {|group| p group}
["1", "2"]
["3", "4"]
["5", "&nbsp;"]

%w(1 2 3 4 5).in_groups_of(2, false) {|group| p group}
["1", "2"]
["3", "4"]
["5"]

answered Jul 9, 2020 at 8:15

Eyeslandic

14.9k13 gold badges44 silver badges55 bronze badges

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

Comments

Robert · Accepted Answer · 2020-07-09 06:50:50Z

1

Editing the original question. I would propose:

Each_slice: https://apidock.com/ruby/Enumerable/each_slice

edited Jul 9, 2020 at 6:50

answered Jul 9, 2020 at 6:41

Robert

5036 silver badges28 bronze badges

Collectives™ on Stack Overflow

Get every n record from database - Ruby on Rails

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related