How do I "merge cells" or make one section into sub sections?

[Piste]

I feel like this is super basic, so I hesitated before asking: how do I make sure my first long section does not force a weird look? Ideally, with 5 sections, I'd like the first section to take 2 rows. Even better, I'd like not to have to worry about this and just let Dashy automatically layout perfectly :p

[Piste]

And this is how:

Funny how writing down a question forces you to use concepts and words that get you closer to a solution, hey...

[Lissy93]

Nice, glad you figured it out :)

I must admit, the current method, isn't the most intuitive, something I should improve upon in the future...

[Lissy93]

This can be done by setting the rows and cols attributes, defined under displayData of a given section. By default each is 1, but increasing the number will make it span multiple rows, or columns,

---

• cols will specify the number of columns a given section should span horizontally, i.e width
  • uses grid-column-start: span [X] under the hood
• rows will specify the number of rows a given section should span vertically, i.e height
  • uses grid-row-start: span [X] under the hood

---

See also:

• General Q&A Thread: Quick Questions #148 (comment)
• displayData ignored #7