table repeat with header, body and footer for AngularJS

gistfile1.js

<table>
    <thead>
        <tr>
            <th ng-repeat="col in myData.header track by $index"> {{col}}</th>
        </tr>
    </thead>
    <tbody>    
        <tr ng-repeat="row in myData.rows track by $index"> 
            <td ng-repeat="col in row track by $index"> {{col}}</td>
        </tr>
    </tbody>        
    <tfoot>
        <tr>
            <th ng-repeat="col in myData.footer track by $index"> {{col}}</th>
        </tr>
    </tfoot>
</table>