Angular: Empty Fiddle

http://angularjs.org/

by marco_m_alves

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc3.js"></script>
<div ng-controller="MyCtrl">
  <table class='grid'>
      <tr ng:repeat='row in rows'>
          <td ng:repeat='field in row'>{{field}}</td>
      </tr>
</div>

CSS

/*table.grid { border: thin solid lightgrey; }*/

/*table.grid tr { border: thin solid lightgrey; }*/

table.grid tr { border: 3px solid white; }

table.grid tr:nth-child(odd) { background-color: whitesmoke; }

table.grid tr td {padding: 5px; }

table.grid tr td:nth-child(n+2) { background-color: #06c; color: white; }

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.rows = [
        [ 'marco', '','', '', '', 5],
        [ 'alves', 1]
    ];
}