Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<button type="button" class="btn btn-default btn-small" onClick="window.print();">Print</button>

<div ng-controller="MyCtrl">
    <table class="table table-condensed">
        <thead>
            <tr>
                <th>Col1</th>
                <th>Col2</th>
                <th ng-repeat="date in dates">{{ date | date:'dd/MM/yyyy'}}</th>
            </tr>
        </thead>
    
        <tbody>
            <tr ng-repeat-start="retentionPDA in retentions" class="empty" />
            {{ retentionPDA }}
            <tr ng-repeat="retentionUser in retentionPDA.retentions">
                <td rowspan="{{ retentionPDA.retentions.length }}" ng-if="$index == 0">{{ retentionPDA.pdaID }}</td>
                <td>TestID</td>
                <td ng-repeat="date in dates">
                    0
                </td>
            </tr>
            <tr ng-repeat-end class="separator empty" />
        </tbody>
    </table>
</div>

JavaScript

/*** Please do not pay attention to this Angular File, as I have only harcoded data to debug the layout ***/

var myApp = angular.module('myApp',[]).controller('MyCtrl', ['$scope', function($scope) {

    $scope.retentions =...