1 The
<strong>grid
</strong> style will display each row of your view within a grid. You may customize the
<strong>number of columns
</strong>, though it defaults to
4. A grid looks like this:
4 <tr><td>row
1</td><td>row
2</td><td>row
3</td><td>row
4</td></tr>
5 <tr><td>row
5</td><td>row
6</td><td>row
7</td><td>row
8</td></tr>
6 <tr><td>row
9</td><td>row
10</td><td>row
11</td><td>row
12</td></tr>
7 <tr><td>row
13</td><td>row
14</td><td>row
15</td><td>row
16</td></tr>
10 The above uses the
<strong>horizontal
</strong> alignment, where rows are added into the grid from left to right.
12 With a
<strong>vertical
</strong> alignment, rows will be placed from top to bottom, like this (your
<strong>row
</strong> results will appear as columns):
14 <tr><td>row
1</td><td>row
5</td><td>row
9</td><td>row
13</td></tr>
15 <tr><td>row
2</td><td>row
6</td><td>row
10</td><td>row
14</td></tr>
16 <tr><td>row
3</td><td>row
7</td><td>row
11</td><td>row
15</td></tr>
17 <tr><td>row
4</td><td>row
8</td><td>row
12</td><td>row
16</td></tr>
20 You can also choose to
<strong>group a field
</strong> from the Fields Section. This grouping field will be displayed as a header, and all rows will be displayed beneath it.
22 This style uses a
<a href=
"topic:views/style-row">row style
</a> to determine what each row will look like.