<!DOCTYPE html>
<html>
<head>
<!--<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.1/angular.min.js.js" type="text/javascript" charset="utf-8"></script>-->
<script data-require="angular.js@1.4.3" data-semver="1.4.3" src="https://code.angularjs.org/1.4.3/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="tableApp">
oru rakshayum ella. not sure its possible with this json data structure.
Use the old <a href="http://plnkr.co/edit/TdP9pQuZq3HoAC5AITlj?p=preview">table</a> for now , will try later
<div ng-controller="tableCtrl">
<hr />
<table>
<tbody>
<thead>
<!-- <tr>
<th>Code</th>
<th>Name</th>
<th>Value</th>
</tr> -->
</thead>
<tr ng-repeat="rowData in columnNames track by $index" ng-init="row = $index">
<td>{{rowData}}</td>
<!-- <div ng-repeat="rowData2 in columnNames track by $index" ng-init="innerRow = $index"> -->
<td ng-repeat="(k, v) in data[row] track by $index" ng-init="column = $index" ng-if="k==rowData">{{row}} {{k}} <b>{{v}}</b> {{column}} {{row}} {{rowData}} k {{k}} innerRow{{innerRow}}</td>
<!--</div>-->
<!-- <td ng-repeat="(k, v) in data[row] track by $index" ng-init="column = $index" ng-if="k=='name'">{{row}} {{k}} <b>{{v}}</b> {{column}} {{row}} {{rowData}} {{rowData.k}}</td> -->
<!-- <td ng-repeat="(k, v) in data[row] track by $index" ng-init="column = $index" ng-if="k=='school'">{{row}} {{k}} <b>{{v}}</b> {{column}} {{row}} {{rowData}} {{rowData.k}}</td> -->
</tr>
</tbody>
</table>
</div>
</body>
</html>
var app = angular.module("tableApp", []).
controller('tableCtrl', function($scope, $http){
/*$http({
method: "POST",
url: "",
params: {
}
}).then(
function(result){
$scope.data = result.data;
}, function(){
});*/
$scope.columnNames = ["code","name","school"];
$scope.data = [{code: "value11",name: "value12",school: "value13"},
{code: "value21",name: "value22",school: "value23"},
{code: "value31",name: "value32",school: "value33"}];
$scope.test = {"key1":"value11","key2":"value12","key3":"value13"};
$scope.arrayVar = [1,2,3,4,5];
})
table, th, td {
border: 1px solid black;
}