Looking for a way to organize my well list into two separate columns. I've included a link to my Plunker project here: https://plnkr.co/edit/35oC9Eochk6EPgKeI9he?p=preview.
Below is the view section:
<div class="well well-lg" ng-repeat="(key, data) in myData.config.A" style="width:500px;">{{key}}</div>
</div>
And this is the controller snippet:
$scope.myData={
"_id": "ui",
"config": {
"A": {
"aaaa": {
"required": true,
"editable": true
},
"bbbbb": {
"required": true,
"editable": true
},
"ccccc": {
"required": true,
"editable": false
},
"ddddd": {
"required": true,
"editable": true
},
"eeeee": {
"required": true,
"editable": true
},
"fffff": {
"required": true,
"editable": true
}
}
}
}
});
My goal is to have columns with aaa, bbb, ccc on one side and ddd, eee, fff on the other. Any suggestions on how to achieve this layout?