How this page is built
the gem renders it — this is all you write
“Cards” is a custom layout you add — the gem ships only the built-in :table. Drop one partial that receives the same collection presenter (still driven by the :index fieldset) and arrange the markup however you like; the gem still derives the fields, cells, filtering, sorting and actions for you. A card grid has no column headers, so crud_filter takes sort: true to carry the sort picker.
app/views/crud_components/layouts/_cards.html.erb
<% collection.records.each do |record| %>
<div class="card card-body">
<% collection.fields.each do |f| %><%= collection.cell(f, record) %><% end %>
</div>
<% end %>
app/views/books/index.html.erb
<%= crud_collection @books, fieldset: :index, layout: :cards %>
<%= crud_filter Book, fieldset: :index, sort: true %> <%# headerless → carry the sort picker %>Read more: Add a layout · Views
The Hidden Forest 1
- Author names
- Frank Herbert, Ted Chiang, and Ann Leckie
- Genre
- Nonfiction
- Price
- 28.24 €
- Publisher
- Orbit
- Active
- ✗
The Endless Mirror 2
- Author names
- Ann Leckie, Mary Shelley, and Ursula Le Guin
- Genre
- Nonfiction
- Price
- 28.63 €
- Publisher
- Vintage
- Active
- ✓
The Endless Empire 5
- Author names
- Ann Leckie
- Genre
- Nonfiction
- Price
- 25.88 €
- Publisher
- Vintage
- Active
- ✓
The Broken Garden 6
- Author names
- Stanisław Lem, Ursula Le Guin, and Iain Banks
- Genre
- Nonfiction
- Price
- 19.85 €
- Publisher
- Orbit
- Active
- ✓
The Hidden Engine 13
- Author names
- Margaret Atwood and Frank Herbert
- Genre
- Nonfiction
- Price
- 33.63 €
- Publisher
- Gollancz
- Active
- ✓
The Endless Garden 15
- Author names
- Ursula Le Guin, Joe Abercrombie, and Adrian Tchaikovsky
- Genre
- Nonfiction
- Price
- 29.85 €
- Publisher
- Orbit
- Active
- ✓
The Hidden Dune 21
- Author names
- Octavia Butler
- Genre
- Nonfiction
- Price
- 16.41 €
- Publisher
- Orbit
- Active
- ✓
The Dispossessed Winter 24
- Author names
- Ted Chiang
- Genre
- Nonfiction
- Price
- 19.40 €
- Publisher
- Del Rey
- Active
- ✗
The Burning City 27
- Author names
- Ann Leckie
- Genre
- Nonfiction
- Price
- 29.92 €
- Publisher
- DAW
- Active
- ✓
The Silent Door 29
- Author names
- Iain Banks
- Genre
- Nonfiction
- Price
- 38.24 €
- Publisher
- DAW
- Active
- ✓
The Endless Tower 30
- Author names
- Liu Cixin, Ted Chiang, and Becky Chambers
- Genre
- Nonfiction
- Price
- 38.98 €
- Publisher
- Baen
- Active
- ✓
The Broken Machine 42
- Author names
- Ted Chiang
- Genre
- Nonfiction
- Price
- 25.55 €
- Publisher
- Ace
- Active
- ✓
The Ancient Ocean 44
- Author names
- Becky Chambers
- Genre
- Nonfiction
- Price
- 25.72 €
- Publisher
- Vintage
- Active
- ✓
The Silent Machine 49
- Author names
- Iain Banks
- Genre
- Nonfiction
- Price
- 20.70 €
- Publisher
- Orbit
- Active
- ✓
The Endless Signal 50
- Author names
- Mary Shelley, Ursula Le Guin, and Ted Chiang
- Genre
- Nonfiction
- Price
- 26.36 €
- Publisher
- Tor Books
- Active
- ✓
The Dispossessed Door 51
- Author names
- Stanisław Lem and Becky Chambers
- Genre
- Nonfiction
- Price
- 36.10 €
- Publisher
- Tor Books
- Active
- ✓
The Ancient Tower 54
- Author names
- Margaret Atwood
- Genre
- Nonfiction
- Price
- 27.65 €
- Publisher
- Gollancz
- Active
- ✓
The Ancient Mirror 56
- Author names
- Stanisław Lem and Joe Abercrombie
- Genre
- Nonfiction
- Price
- 37.08 €
- Publisher
- Baen
- Active
- ✓
The Silent Mirror 60
- Author names
- Ann Leckie and Kim Robinson
- Genre
- Nonfiction
- Price
- 25.07 €
- Publisher
- Vintage
- Active
- ✓
The Broken Ocean 68
- Author names
- Kim Robinson and Stanisław Lem
- Genre
- Nonfiction
- Price
- 6.07 €
- Publisher
- Tor Books
- Active
- ✗
The Broken Empire 69
- Author names
- Ted Chiang
- Genre
- Nonfiction
- Price
- 29.21 €
- Publisher
- —
- Active
- ✓
The Dispossessed Engine 74
- Author names
- Adrian Tchaikovsky, Margaret Atwood, and Becky Chambers
- Genre
- Nonfiction
- Price
- 39.15 €
- Publisher
- Del Rey
- Active
- ✓
The Quiet Dune 76
- Author names
- Mary Shelley
- Genre
- Nonfiction
- Price
- 24.14 €
- Publisher
- Vintage
- Active
- ✗
The Distant Engine 80
- Author names
- Joe Abercrombie, Iain Banks, and Ann Leckie
- Genre
- Nonfiction
- Price
- 43.18 €
- Publisher
- Del Rey
- Active
- ✗
The Endless Winter 84
- Author names
- Iain Banks
- Genre
- Nonfiction
- Price
- 34.31 €
- Publisher
- Vintage
- Active
- ✗
The Luminous Tower 89
- Author names
- Joe Abercrombie, Liu Cixin, and Margaret Atwood
- Genre
- Nonfiction
- Price
- 22.68 €
- Publisher
- Ace
- Active
- ✗
The Endless Garden 99
- Author names
- Martha Wells and Kim Robinson
- Genre
- Nonfiction
- Price
- 17.29 €
- Publisher
- —
- Active
- ✓
The Broken Door 100
- Author names
- Stanisław Lem
- Genre
- Nonfiction
- Price
- 26.98 €
- Publisher
- DAW
- Active
- ✓
The Burning Garden 103
- Author names
- Stanisław Lem and Iain Banks
- Genre
- Nonfiction
- Price
- 38.50 €
- Publisher
- Tor Books
- Active
- ✓
The Luminous City 105
- Author names
- Liu Cixin, Stanisław Lem, and Iain Banks
- Genre
- Nonfiction
- Price
- 22.63 €
- Publisher
- DAW
- Active
- ✓
The Silent Dune 107
- Author names
- Stanisław Lem and Octavia Butler
- Genre
- Nonfiction
- Price
- 17.86 €
- Publisher
- Vintage
- Active
- ✗
The Ancient Winter 111
- Author names
- Ursula Le Guin
- Genre
- Nonfiction
- Price
- 11.99 €
- Publisher
- Gollancz
- Active
- ✓
The Distant Door 119
- Author names
- Ted Chiang and Kim Robinson
- Genre
- Nonfiction
- Price
- 29.94 €
- Publisher
- Orbit
- Active
- ✓
