JSFiddle - React, Tailwind, and code Playground

by Sajeetharan Sinnathurai

HTML

<div ng-controller="MyCtrl">
 <table>
    <div ng-repeat="item in data">
      <ul>
        <li ng-repeat="(key,value) in item">{{key}}</li>
      </ul>
    </div>
  </table>
</div>

JavaScript

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

function MyCtrl($scope) {
    $scope.data =   [[ 
    { '05/04/2015': { sum: 540, color: 'rgb(176,145,219)' } },
    { '05/10/2015': { sum: 379, color: 'rgb(161,111,107)' } },
    { '05/13/2015': { sum: 429, color: 'rgb(173,138,118)' } } 
  ],
  [ 
    { '05/19/2015': { sum: 478, color: 'rgb(209,108,161)' } },
    { '05/15/2015': { sum: 596, color: 'rgb(200,200,196)' } },
    { '05/18/2015': { sum: 337, color: 'rgb(102,114,121)' } } 
  ] ];

};