I'm trying to build a grid output (3 columns) that will display varying numbers of data elements depending on the search.
i'm trying to figure out how to make it so that the grid will create a new row dynamically when it has to, for a 3 column layout.
this is an external angular2 app, i'm just playing with SLDS instead of bootstrap..
so let's say i've got an *ngFor condition that returns 12 results, i'm looking to understand how i can use the slds-grid layout to display that as 4 rows * 3 columns of data.
looking to emulate the col-md-3 type functionality in bootstrap..
Best Answer
The solution for this was to nest these together. Set an overall 12 column layout, with the repeating loop inside that (in this instance, *ngFor statement), like so:
Still working on fine tuning it exactly so it's pretty - but the grid is working now :)