JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div ng-app="ExampleApp">
  <div ng-controller="ExampleController">
    
    <table class="table table-striped table-bordered">
      <tr>
        <th>Class</th>
        <th>Name</th>
      </tr>
      <tr ng-repeat="entry in exampleData">
        <td>{{ entry.class }}</td>
        <td>{{ entry.name }}</td>
      </tr>
    </table>
    
  </div>
</div>

JavaScript

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

app.controller('ExampleController', ['$scope',
  function($scope) {
		
    // Example data.
    $scope.exampleData = [{
      "class": 1,
      "name": "C_1"
    }, {
      "class": 2,
      "name": "C_2"
    }, {
      "class": 3,
      "name": "C_3"
    }, {
      "class": 4,
      "name": "C_4"
    }, {
      "class": 5,
      "name": "C_5"
    }];
  }
]);