[Summary view] [Print] [Text view]

   1  The <strong>grid</strong> style will display each row of your view within a grid. You may customize the number of columns, though it defaults to 4. A grid looks like this:
   2  
   3  <table width="100%">
   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>
   8  </table>
   9  
  10  The above uses the 'horizontal' alignment, where rows are added into the grid from left to right. 
  11  
  12  With a vertical alignment, rows will be placed from top to bottom, like this:
  13  <table width="100%">
  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>
  18  </table>
  19  
  20  This style uses a <a href="topic:views/style-row">row style</a> to determine what each row will look like.