Grid lists are an alternative to standard list views.

A grid list consists of a repeated pattern of cells arrayed in a vertical and horizontal layout.

Grid lists are best used on similar data types. They help improve the visual comprehension of the content they contain.

Grid list Example

In this example we will show you how to set up a grid list.

Advanced Grid list Example

It is possible to set the rowspan and colspan of each tile individually, using the rowspan and colspan properties.You can also set the gutter size, as well as other properties of each tile such as the background image and colour. In this example, we show you how to do that: