Masonry Layout (Angular)

This example demonstrates the DataViews Masonry Layout Engine, which places elements in optimal position based on vertical space.

This example uses Angular.

This example demonstrates the DataViews Masonry Layout Engine, which places elements in optimal position based on vertical space. This is also referred to as Pinterest and metro. The data source for this example is a two column table; one for the image and another for the description. Each row is a card in the layout. To create a similar layout, initialize the MasonryLayout object like so: Note the gutter and rowtemplate options.  Gutter sets the space between cards and rowtemplate refers to the