Angular+JQ+Bootstrap

by vishalvasani

HTML

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="https://raw.github.com/tigbro/jquery-mobile-angular-adapter/master/src/main/webapp/utils/if.js"></script>
<div ng-controller="Tester">
    <table border="1">
    <tbody ng-repeat='(what,items) in data'>
      <tr ng-repeat='item in items'>
        <td colspan="{{items.length}}"></td>
        <td>{{item}}</td>
      </tr>
    </tbody>
  </table>

JavaScript

(function() {
    var app=angular.module('myApp', []);

    app.controller('Tester', function($scope) {
        $scope.data = {
    "DOC": [
        "Date of Confirmation"
    ],
    "DOJ": [
        "Date of Joining"
    ],
    "Dept": [
        "Department"
    ],
    "Designation": [
        "Designation"
    ],
    "Education": [
        "University",
        "Degree",
        "Year",
        "3"
    ],
    "FirstName": [
        "First Name"
    ],
    "HolidayProfile": [
        "Holiday Profile"
    ]
}
    });
}());