AngularJS: Generate a grid layout on the fly

I need to create a tabular structure where the number of columns in the rows should not exceed the width of the page. In case the number of columns in the row cannot fit into that row, they should move down to the next row under the same row heading. I wrote this code in AngularJS but it doesn’t work.

<div class="row" ng-repeat='(key,val) in response'>
            <div class="col-xs-1" ng-repeat='(nestedKey,nestedVal) in val'>
                <a ng-href='{{function1(nestedVal)}}' target="_blank">{{nestedKey}}
                            <img id="graph" src='{{function2(nestedVal)}}' class="img-rounded"/>

The error that I’m getting :

TypeError: Cannot read property ‘top’ of undefined

Source: css

Leave a Reply