Display:grid; layout (columns & rows)


To use DGL rows, you have to add a <link> to assets/css/dgl/display-grid-columns.css and assets/css/dgl/display-grid-rows.css.


Basic

DGL rows can be set from 2 to 12 rows by add total-n-rows where n is number to dgl-container class. The row height is 1fr or a fraction. So, all grid cells will be use one of heighest cell as a standard size.

The example below is 3 columns and 3 rows.

column col-start-1 col-end-2
column col-start-2 col-end-3
column col-start-3 col-end-4 row-start-1 row-end-4
column col-start-1 col-end-2 row-start-2 row-end-3
column col-start-1 col-end-2 row-start-3 row-end-4

The same example as above but one grid cell has different height.

column col-start-1 col-end-2
I'm heighest so the others will be height as me.
column col-start-2 col-end-3
column col-start-3 col-end-4 row-start-1 row-end-4
column col-start-1 col-end-2 row-start-2 row-end-3
column col-start-1 col-end-2 row-start-3 row-end-4

Without total-n-columns

You can also use grid row without specified the total-n-columns class which will be based on 12 columns.

column
column
column
column
column
column
column
column
column
column
column
column
column

Row sizes

To make grid row works properly you have to set col-start-n, col-end-n and row-start-n, row-end-n (where n is number) to the column class. If total rows is 12 means total 13 grid lines.

col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-3
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-4
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2 row-start-3 row-end-4
col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-5
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2 row-start-3 row-end-4
col-start-1 col-end-2 row-start-4 row-end-5
col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-6
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2 row-start-3 row-end-4
col-start-1 col-end-2 row-start-4 row-end-5
col-start-1 col-end-2 row-start-5 row-end-6
col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-7
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2 row-start-3 row-end-4
col-start-1 col-end-2 row-start-4 row-end-5
col-start-1 col-end-2 row-start-5 row-end-6
col-start-1 col-end-2 row-start-6 row-end-7
col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-8
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2 row-start-3 row-end-4
col-start-1 col-end-2 row-start-4 row-end-5
col-start-1 col-end-2 row-start-5 row-end-6
col-start-1 col-end-2 row-start-6 row-end-7
col-start-1 col-end-2 row-start-7 row-end-8
col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-9
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2 row-start-3 row-end-4
col-start-1 col-end-2 row-start-4 row-end-5
col-start-1 col-end-2 row-start-5 row-end-6
col-start-1 col-end-2 row-start-6 row-end-7
col-start-1 col-end-2 row-start-7 row-end-8
col-start-1 col-end-2 row-start-8 row-end-9
col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-10
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2 row-start-3 row-end-4
col-start-1 col-end-2 row-start-4 row-end-5
col-start-1 col-end-2 row-start-5 row-end-6
col-start-1 col-end-2 row-start-6 row-end-7
col-start-1 col-end-2 row-start-7 row-end-8
col-start-1 col-end-2 row-start-8 row-end-9
col-start-1 col-end-2 row-start-9 row-end-10
col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-11
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2 row-start-3 row-end-4
col-start-1 col-end-2 row-start-4 row-end-5
col-start-1 col-end-2 row-start-5 row-end-6
col-start-1 col-end-2 row-start-6 row-end-7
col-start-1 col-end-2 row-start-7 row-end-8
col-start-1 col-end-2 row-start-8 row-end-9
col-start-1 col-end-2 row-start-9 row-end-10
col-start-1 col-end-2 row-start-10 row-end-11
col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-12
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2 row-start-3 row-end-4
col-start-1 col-end-2 row-start-4 row-end-5
col-start-1 col-end-2 row-start-5 row-end-6
col-start-1 col-end-2 row-start-6 row-end-7
col-start-1 col-end-2 row-start-7 row-end-8
col-start-1 col-end-2 row-start-8 row-end-9
col-start-1 col-end-2 row-start-9 row-end-10
col-start-1 col-end-2 row-start-10 row-end-11
col-start-1 col-end-2 row-start-11 row-end-12
col-start-1 col-end-2
col-start-2 col-end-3 row-start-1 row-end-13
col-start-1 col-end-2 row-start-2 row-end-3
col-start-1 col-end-2 row-start-3 row-end-4
col-start-1 col-end-2 row-start-4 row-end-5
col-start-1 col-end-2 row-start-5 row-end-6
col-start-1 col-end-2 row-start-6 row-end-7
col-start-1 col-end-2 row-start-7 row-end-8
col-start-1 col-end-2 row-start-8 row-end-9
col-start-1 col-end-2 row-start-9 row-end-10
col-start-1 col-end-2 row-start-10 row-end-11
col-start-1 col-end-2 row-start-11 row-end-12
col-start-1 col-end-2 row-start-12 row-end-13

Row offset

Row offset use the same way as column offset, you just count on grid line you want and set the row-start-n and row-end-n class (where n is number).

column col-start-1 col-end-2
column col-start-2 col-end-3
column col-start-3 col-end-4 row-start-2 row-end-4
column col-start-1 col-end-2 row-start-3 row-end-4

Responsive

From the example above, the class name row-start-n and row-end-n are start working on extra small screen or larger. To set different row size and offset on differenct screen size use sm, md, lg, xl prefix.

Example: row-start-1 row-end-6 md-row-start-1 md-row-end-3. Resize your web browser to see the example below in action.

SM

col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-3
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-4
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2 sm-row-start-3 sm-row-end-4
col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-5
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2 sm-row-start-3 sm-row-end-4
col-start-1 col-end-2 sm-row-start-4 sm-row-end-5
col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-6
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2 sm-row-start-3 sm-row-end-4
col-start-1 col-end-2 sm-row-start-4 sm-row-end-5
col-start-1 col-end-2 sm-row-start-5 sm-row-end-6
col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-7
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2 sm-row-start-3 sm-row-end-4
col-start-1 col-end-2 sm-row-start-4 sm-row-end-5
col-start-1 col-end-2 sm-row-start-5 sm-row-end-6
col-start-1 col-end-2 sm-row-start-6 sm-row-end-7
col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-8
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2 sm-row-start-3 sm-row-end-4
col-start-1 col-end-2 sm-row-start-4 sm-row-end-5
col-start-1 col-end-2 sm-row-start-5 sm-row-end-6
col-start-1 col-end-2 sm-row-start-6 sm-row-end-7
col-start-1 col-end-2 sm-row-start-7 sm-row-end-8
col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-9
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2 sm-row-start-3 sm-row-end-4
col-start-1 col-end-2 sm-row-start-4 sm-row-end-5
col-start-1 col-end-2 sm-row-start-5 sm-row-end-6
col-start-1 col-end-2 sm-row-start-6 sm-row-end-7
col-start-1 col-end-2 sm-row-start-7 sm-row-end-8
col-start-1 col-end-2 sm-row-start-8 sm-row-end-9
col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-10
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2 sm-row-start-3 sm-row-end-4
col-start-1 col-end-2 sm-row-start-4 sm-row-end-5
col-start-1 col-end-2 sm-row-start-5 sm-row-end-6
col-start-1 col-end-2 sm-row-start-6 sm-row-end-7
col-start-1 col-end-2 sm-row-start-7 sm-row-end-8
col-start-1 col-end-2 sm-row-start-8 sm-row-end-9
col-start-1 col-end-2 sm-row-start-9 sm-row-end-10
col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-11
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2 sm-row-start-3 sm-row-end-4
col-start-1 col-end-2 sm-row-start-4 sm-row-end-5
col-start-1 col-end-2 sm-row-start-5 sm-row-end-6
col-start-1 col-end-2 sm-row-start-6 sm-row-end-7
col-start-1 col-end-2 sm-row-start-7 sm-row-end-8
col-start-1 col-end-2 sm-row-start-8 sm-row-end-9
col-start-1 col-end-2 sm-row-start-9 sm-row-end-10
col-start-1 col-end-2 sm-row-start-10 sm-row-end-11
col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-12
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2 sm-row-start-3 sm-row-end-4
col-start-1 col-end-2 sm-row-start-4 sm-row-end-5
col-start-1 col-end-2 sm-row-start-5 sm-row-end-6
col-start-1 col-end-2 sm-row-start-6 sm-row-end-7
col-start-1 col-end-2 sm-row-start-7 sm-row-end-8
col-start-1 col-end-2 sm-row-start-8 sm-row-end-9
col-start-1 col-end-2 sm-row-start-9 sm-row-end-10
col-start-1 col-end-2 sm-row-start-10 sm-row-end-11
col-start-1 col-end-2 sm-row-start-11 sm-row-end-12
col-start-1 col-end-2
col-start-2 col-end-3 sm-row-start-1 sm-row-end-13
col-start-1 col-end-2 sm-row-start-2 sm-row-end-3
col-start-1 col-end-2 sm-row-start-3 sm-row-end-4
col-start-1 col-end-2 sm-row-start-4 sm-row-end-5
col-start-1 col-end-2 sm-row-start-5 sm-row-end-6
col-start-1 col-end-2 sm-row-start-6 sm-row-end-7
col-start-1 col-end-2 sm-row-start-7 sm-row-end-8
col-start-1 col-end-2 sm-row-start-8 sm-row-end-9
col-start-1 col-end-2 sm-row-start-9 sm-row-end-10
col-start-1 col-end-2 sm-row-start-10 sm-row-end-11
col-start-1 col-end-2 sm-row-start-11 sm-row-end-12
col-start-1 col-end-2 sm-row-start-12 sm-row-end-13

MD

col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-3
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-4
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2 md-row-start-3 md-row-end-4
col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-5
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2 md-row-start-3 md-row-end-4
col-start-1 col-end-2 md-row-start-4 md-row-end-5
col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-6
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2 md-row-start-3 md-row-end-4
col-start-1 col-end-2 md-row-start-4 md-row-end-5
col-start-1 col-end-2 md-row-start-5 md-row-end-6
col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-7
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2 md-row-start-3 md-row-end-4
col-start-1 col-end-2 md-row-start-4 md-row-end-5
col-start-1 col-end-2 md-row-start-5 md-row-end-6
col-start-1 col-end-2 md-row-start-6 md-row-end-7
col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-8
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2 md-row-start-3 md-row-end-4
col-start-1 col-end-2 md-row-start-4 md-row-end-5
col-start-1 col-end-2 md-row-start-5 md-row-end-6
col-start-1 col-end-2 md-row-start-6 md-row-end-7
col-start-1 col-end-2 md-row-start-7 md-row-end-8
col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-9
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2 md-row-start-3 md-row-end-4
col-start-1 col-end-2 md-row-start-4 md-row-end-5
col-start-1 col-end-2 md-row-start-5 md-row-end-6
col-start-1 col-end-2 md-row-start-6 md-row-end-7
col-start-1 col-end-2 md-row-start-7 md-row-end-8
col-start-1 col-end-2 md-row-start-8 md-row-end-9
col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-10
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2 md-row-start-3 md-row-end-4
col-start-1 col-end-2 md-row-start-4 md-row-end-5
col-start-1 col-end-2 md-row-start-5 md-row-end-6
col-start-1 col-end-2 md-row-start-6 md-row-end-7
col-start-1 col-end-2 md-row-start-7 md-row-end-8
col-start-1 col-end-2 md-row-start-8 md-row-end-9
col-start-1 col-end-2 md-row-start-9 md-row-end-10
col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-11
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2 md-row-start-3 md-row-end-4
col-start-1 col-end-2 md-row-start-4 md-row-end-5
col-start-1 col-end-2 md-row-start-5 md-row-end-6
col-start-1 col-end-2 md-row-start-6 md-row-end-7
col-start-1 col-end-2 md-row-start-7 md-row-end-8
col-start-1 col-end-2 md-row-start-8 md-row-end-9
col-start-1 col-end-2 md-row-start-9 md-row-end-10
col-start-1 col-end-2 md-row-start-10 md-row-end-11
col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-12
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2 md-row-start-3 md-row-end-4
col-start-1 col-end-2 md-row-start-4 md-row-end-5
col-start-1 col-end-2 md-row-start-5 md-row-end-6
col-start-1 col-end-2 md-row-start-6 md-row-end-7
col-start-1 col-end-2 md-row-start-7 md-row-end-8
col-start-1 col-end-2 md-row-start-8 md-row-end-9
col-start-1 col-end-2 md-row-start-9 md-row-end-10
col-start-1 col-end-2 md-row-start-10 md-row-end-11
col-start-1 col-end-2 md-row-start-11 md-row-end-12
col-start-1 col-end-2
col-start-2 col-end-3 md-row-start-1 md-row-end-13
col-start-1 col-end-2 md-row-start-2 md-row-end-3
col-start-1 col-end-2 md-row-start-3 md-row-end-4
col-start-1 col-end-2 md-row-start-4 md-row-end-5
col-start-1 col-end-2 md-row-start-5 md-row-end-6
col-start-1 col-end-2 md-row-start-6 md-row-end-7
col-start-1 col-end-2 md-row-start-7 md-row-end-8
col-start-1 col-end-2 md-row-start-8 md-row-end-9
col-start-1 col-end-2 md-row-start-9 md-row-end-10
col-start-1 col-end-2 md-row-start-10 md-row-end-11
col-start-1 col-end-2 md-row-start-11 md-row-end-12
col-start-1 col-end-2 md-row-start-12 md-row-end-13

LG

col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-3
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-4
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2 lg-row-start-3 lg-row-end-4
col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-5
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2 lg-row-start-3 lg-row-end-4
col-start-1 col-end-2 lg-row-start-4 lg-row-end-5
col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-6
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2 lg-row-start-3 lg-row-end-4
col-start-1 col-end-2 lg-row-start-4 lg-row-end-5
col-start-1 col-end-2 lg-row-start-5 lg-row-end-6
col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-7
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2 lg-row-start-3 lg-row-end-4
col-start-1 col-end-2 lg-row-start-4 lg-row-end-5
col-start-1 col-end-2 lg-row-start-5 lg-row-end-6
col-start-1 col-end-2 lg-row-start-6 lg-row-end-7
col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-8
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2 lg-row-start-3 lg-row-end-4
col-start-1 col-end-2 lg-row-start-4 lg-row-end-5
col-start-1 col-end-2 lg-row-start-5 lg-row-end-6
col-start-1 col-end-2 lg-row-start-6 lg-row-end-7
col-start-1 col-end-2 lg-row-start-7 lg-row-end-8
col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-9
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2 lg-row-start-3 lg-row-end-4
col-start-1 col-end-2 lg-row-start-4 lg-row-end-5
col-start-1 col-end-2 lg-row-start-5 lg-row-end-6
col-start-1 col-end-2 lg-row-start-6 lg-row-end-7
col-start-1 col-end-2 lg-row-start-7 lg-row-end-8
col-start-1 col-end-2 lg-row-start-8 lg-row-end-9
col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-10
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2 lg-row-start-3 lg-row-end-4
col-start-1 col-end-2 lg-row-start-4 lg-row-end-5
col-start-1 col-end-2 lg-row-start-5 lg-row-end-6
col-start-1 col-end-2 lg-row-start-6 lg-row-end-7
col-start-1 col-end-2 lg-row-start-7 lg-row-end-8
col-start-1 col-end-2 lg-row-start-8 lg-row-end-9
col-start-1 col-end-2 lg-row-start-9 lg-row-end-10
col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-11
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2 lg-row-start-3 lg-row-end-4
col-start-1 col-end-2 lg-row-start-4 lg-row-end-5
col-start-1 col-end-2 lg-row-start-5 lg-row-end-6
col-start-1 col-end-2 lg-row-start-6 lg-row-end-7
col-start-1 col-end-2 lg-row-start-7 lg-row-end-8
col-start-1 col-end-2 lg-row-start-8 lg-row-end-9
col-start-1 col-end-2 lg-row-start-9 lg-row-end-10
col-start-1 col-end-2 lg-row-start-10 lg-row-end-11
col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-12
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2 lg-row-start-3 lg-row-end-4
col-start-1 col-end-2 lg-row-start-4 lg-row-end-5
col-start-1 col-end-2 lg-row-start-5 lg-row-end-6
col-start-1 col-end-2 lg-row-start-6 lg-row-end-7
col-start-1 col-end-2 lg-row-start-7 lg-row-end-8
col-start-1 col-end-2 lg-row-start-8 lg-row-end-9
col-start-1 col-end-2 lg-row-start-9 lg-row-end-10
col-start-1 col-end-2 lg-row-start-10 lg-row-end-11
col-start-1 col-end-2 lg-row-start-11 lg-row-end-12
col-start-1 col-end-2
col-start-2 col-end-3 lg-row-start-1 lg-row-end-13
col-start-1 col-end-2 lg-row-start-2 lg-row-end-3
col-start-1 col-end-2 lg-row-start-3 lg-row-end-4
col-start-1 col-end-2 lg-row-start-4 lg-row-end-5
col-start-1 col-end-2 lg-row-start-5 lg-row-end-6
col-start-1 col-end-2 lg-row-start-6 lg-row-end-7
col-start-1 col-end-2 lg-row-start-7 lg-row-end-8
col-start-1 col-end-2 lg-row-start-8 lg-row-end-9
col-start-1 col-end-2 lg-row-start-9 lg-row-end-10
col-start-1 col-end-2 lg-row-start-10 lg-row-end-11
col-start-1 col-end-2 lg-row-start-11 lg-row-end-12
col-start-1 col-end-2 lg-row-start-12 lg-row-end-13

XL

col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-3
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-4
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2 xl-row-start-3 xl-row-end-4
col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-5
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2 xl-row-start-3 xl-row-end-4
col-start-1 col-end-2 xl-row-start-4 xl-row-end-5
col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-6
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2 xl-row-start-3 xl-row-end-4
col-start-1 col-end-2 xl-row-start-4 xl-row-end-5
col-start-1 col-end-2 xl-row-start-5 xl-row-end-6
col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-7
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2 xl-row-start-3 xl-row-end-4
col-start-1 col-end-2 xl-row-start-4 xl-row-end-5
col-start-1 col-end-2 xl-row-start-5 xl-row-end-6
col-start-1 col-end-2 xl-row-start-6 xl-row-end-7
col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-8
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2 xl-row-start-3 xl-row-end-4
col-start-1 col-end-2 xl-row-start-4 xl-row-end-5
col-start-1 col-end-2 xl-row-start-5 xl-row-end-6
col-start-1 col-end-2 xl-row-start-6 xl-row-end-7
col-start-1 col-end-2 xl-row-start-7 xl-row-end-8
col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-9
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2 xl-row-start-3 xl-row-end-4
col-start-1 col-end-2 xl-row-start-4 xl-row-end-5
col-start-1 col-end-2 xl-row-start-5 xl-row-end-6
col-start-1 col-end-2 xl-row-start-6 xl-row-end-7
col-start-1 col-end-2 xl-row-start-7 xl-row-end-8
col-start-1 col-end-2 xl-row-start-8 xl-row-end-9
col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-10
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2 xl-row-start-3 xl-row-end-4
col-start-1 col-end-2 xl-row-start-4 xl-row-end-5
col-start-1 col-end-2 xl-row-start-5 xl-row-end-6
col-start-1 col-end-2 xl-row-start-6 xl-row-end-7
col-start-1 col-end-2 xl-row-start-7 xl-row-end-8
col-start-1 col-end-2 xl-row-start-8 xl-row-end-9
col-start-1 col-end-2 xl-row-start-9 xl-row-end-10
col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-11
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2 xl-row-start-3 xl-row-end-4
col-start-1 col-end-2 xl-row-start-4 xl-row-end-5
col-start-1 col-end-2 xl-row-start-5 xl-row-end-6
col-start-1 col-end-2 xl-row-start-6 xl-row-end-7
col-start-1 col-end-2 xl-row-start-7 xl-row-end-8
col-start-1 col-end-2 xl-row-start-8 xl-row-end-9
col-start-1 col-end-2 xl-row-start-9 xl-row-end-10
col-start-1 col-end-2 xl-row-start-10 xl-row-end-11
col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-12
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2 xl-row-start-3 xl-row-end-4
col-start-1 col-end-2 xl-row-start-4 xl-row-end-5
col-start-1 col-end-2 xl-row-start-5 xl-row-end-6
col-start-1 col-end-2 xl-row-start-6 xl-row-end-7
col-start-1 col-end-2 xl-row-start-7 xl-row-end-8
col-start-1 col-end-2 xl-row-start-8 xl-row-end-9
col-start-1 col-end-2 xl-row-start-9 xl-row-end-10
col-start-1 col-end-2 xl-row-start-10 xl-row-end-11
col-start-1 col-end-2 xl-row-start-11 xl-row-end-12
col-start-1 col-end-2
col-start-2 col-end-3 xl-row-start-1 xl-row-end-13
col-start-1 col-end-2 xl-row-start-2 xl-row-end-3
col-start-1 col-end-2 xl-row-start-3 xl-row-end-4
col-start-1 col-end-2 xl-row-start-4 xl-row-end-5
col-start-1 col-end-2 xl-row-start-5 xl-row-end-6
col-start-1 col-end-2 xl-row-start-6 xl-row-end-7
col-start-1 col-end-2 xl-row-start-7 xl-row-end-8
col-start-1 col-end-2 xl-row-start-8 xl-row-end-9
col-start-1 col-end-2 xl-row-start-9 xl-row-end-10
col-start-1 col-end-2 xl-row-start-10 xl-row-end-11
col-start-1 col-end-2 xl-row-start-11 xl-row-end-12
col-start-1 col-end-2 xl-row-start-12 xl-row-end-13

Mixed

A
B
C