B.Wesselink B.Wesselink - 16 days ago 5
AngularJS Question

Adding another column when row reaches XX

I am trying to make a nice display of my array data within an element that has a certain width/height. What I want to do is that when my data reaches the bottom of the element to start a new column and continue with printing the data within that next column and so on/forth

Any help is much appreciated!

My code:

<div class="repeater" ng-repeat="files in files"> {{files.name}}
<div class='progress-bar'>
<div class='percentage' ng-style="style">
</div>
</div>
</div>


Current view:

enter image description here

Answer

HTML/CSS solution

This should be better solved by CSS than by your application logic. You could display the file names as list and adapt the approach at

How to display an unordered list in two columns?

to display them in multiple columns.

Comments