JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css">
<div ng-app="app">
    <table ng-controller="TestController" class="table table-striped table-bordered">
        <tbody>
      <tr ng-repeat-start="value in Events">
           <td>{{value.startTime}}</td>
           <td>{{value.endTime}}</td>
           <td>{{value.User}}</td>
       </tr>
      <tr ng-repeat="comments in value.Comments">
            <td>{{comments.id}}</td>
            <td>{{comments.comment}}</td>
      </tr>
     <tr ng-repeat-end>
     </tr>
 </tbody>
    </table>
</div>

JavaScript

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

app.controller('TestController', function ($scope) {
    $scope.Events = [{
        startTime: 'Shidhin',
        endTime: 'I am from Dubai',
        User:'New1',
        Comments:[{id:'1',comment:'comment123'},{id:'2',comment:'comment1423'}]
    }, {
        startTime: 'Someone',
        endTime: 'I am from New york',
         User:'New1',
        Comments:[{id:'1',comment:'comment123'},{id:'2',comment:'comment1423'}]
    }];
});