Group grid rows by their content
How Do I?
I created a Grid field with two columns. First column is a Dropdown field which let my choose a service area (ex. “Bathroom”). Last column is a Textinput field used to create specific service (ex. “Shower”).
In this way I could have a structure like this:
1. Bathroom - Shower
2. Bathroom - Bidet
3. Living room - Sofa
4. Living room - TV
5. Bedroom - Bed
6. Bedroom - Closet
...How can I output all Grid rows grouping all services by their area? Like this:
Bathroom
1. Shower
2. Bidet
Living room
1. Sofa
2. TV
Bedroom
1. Bed
2. ClosetWhat I’m trying to do is a list of hotel services like showed in attached image. Many thanks!
I’d change the Textinput field to a Textarea, then your grid row for Bathroom would have
Shower Bidet Sink
If you use Markdown as the text formatting for the Textarea and enter:
- Shower
- Bidet
- Sink
It’ll render as
<ol>
<li>Shower</li>
<li>Bidet</li>
<li>Sink</li>
</ol>It could be an interesting solution! Thanks
If you want to use several rows for the same column (Bathroom), you could do a search:
But doing in that way I have to write a call for every “column group”. Right?
Indeed. Personally I’d go with the first solution unless there’s additional functionality you want. Another option could be categories / child categories…