Columns
HTML
<div ng-app="app">
<div ng-controller="Controller as ctrl">
<div class="columns">
<div ng-repeat="item in ctrl.items" class=" actor-detail" ng-click=onLocalSetMainActor() >
{{item.name}}
</div>
</div>
</div>
</div>
CSS
.columns {
-webkit-column-count: 3;
}
.actor-detail {
margin-left: 0;
margin-right: 0;
max-width: 250px;
background-color: #fff;
height: 40px;
border: 1px solid #c1c1c1;
}
JavaScript
angular
.module('app', [])
.controller('Controller', Controller);
function Controller() {
var vm = this;
vm.items = [];
for (var i = 1; i < 7; i++) {
vm.items.push({
name: 'actor ' + i
});
}
}