Как выводить отсортированный массив по столбцам во вьюхе?

Question

[Никита]

Доброго времени суток!
Имеется отсортированный по каким-то данным массив, назовем его @array. Имеет он, к примеру, 47 элементов. Необходимо вывести содержимое массива во вьюхе по столбцам, а не по строкам с помощью bootstrap. Если выводить следующим образом:

- @array.each do |x|
  .col-sm-3.col-md-3.col-lg-3
    = x

То результат сортировки отображается по строкам, а хотелось бы реализовать это по столбцам. Выводится результат должен в 4 колонки (всегда, статично, если данных на 4 колонки не хватает, то выводить на столько, на сколько хватает).
Так не нужно:

Так нужно:

Помогите пожалуйста, кто реализовывал подобное.

Решение сделал следующим образом:

/ Desktop list.
.hidden-xs.text-center
  - @array.in_groups(4, false).each do |array|
    .col-sm-3.col-md-3.col-lg-3
      - array.each do |value|
        .row
          = link_to value[:name], make_path(value[:id])

/ Mobile list.
.visible-xs.text-center
  - @array.in_groups(2, false).each do |array|
    .col-xs-6
      - array.each do |value|
        .row
          = link_to value[:name], make_path(value[:id])

Answer 1

[N. Bekseitov]

Используй in_groups

Answer 2

[Александр]

никак вы не сделаете так
нужно писать костыли, например
измеряете количество элементов массива
делите это число на 4 и прописываете условия вывода элементов

Comments

[Александр]

Артём Петренков: column-count конечно можно. только вопрос был про "с помощью bootstrap.", если можно, поделитесь решением. мне интересно, потому что сталкивался не раз с этим

[Никита]

Александр: обновил первый пост, возможно пригодится.

Answer 3

[Вайладион Гогназдиак]

Самое кошерное - транспонировать массив.

Comments

[Никита]

Не подходит. Для десктопа 4 колонки, для мобильного 2.

[Вайладион Гогназдиак]

Никита: в чем проблема получить 2 разных массива?

[Никита]

Вайладион Гогназдиак: это не проблема. ;-)

Answer 4

[iBird Rose]

https://jsfiddle.net/rwy5u2ox/1/

Answer 5

[Ivan Nesterovich]

@array.in_groups_of((@array.size.to_f/2).ceil, false) do |array|

end

Разобьет массив на 2 столбца