JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.2/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div data-ng-app="" data-ng-init="days=['1','2','3','4','5','6','7','8','9','10','11','..']" class="container">
    <table class="table table-bordered">
<thead>
    <th>Sunday</th>
    <th>Monday</th>
    <th>Tuesday</th>
    <th>Wednesday</th>
    <th>Thursday</th>
    <th>Friday</th>
    <th>Saturday</th>                                
</thead>
<tbody>
    <tr ng-repeat="day in days" ng-if="$index % 7 == 0">
        <td >{{days[$index]}}</td>
        <td >{{days[$index + 1]}}</td>
        <td>{{days[$index + 2]}}</td>
        <td >{{days[$index + 3]}}</td>
        <td>{{days[$index + 4]}}</td>
        <td >{{days[$index + 5]}}</td>

    </tr>
    </tbody>
    </table>
    
</div>