JSFiddle - React, Tailwind, and code Playground

by Hari Menon

HTML

<body>
<div class="container" ng-app="clientsApp" ng-controller="ClientsCtrl">
  <table class="table">
    <thead>
      <tr>
        <th>Id</th>
        <th>Name</th>
        <th>Age</th>
        <th>Percentage</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat='client in clients'>
        <td>{{ client.id }}</td>
        <td>{{ client.name }}</td>
        <td>{{ client.age }}</td>
        <td>{{ client.percentage }}</td>
      </tr>
    </tbody>
  </table>
</div>

 		
</body>

JavaScript

angular.module('clientsApp', []);
angular.module('clientsApp').controller('ClientsCtrl', function($scope) {
  $scope.clients = [
    { id: 1, name: 'John', age: 25, percentage: 0.3 },
    { id: 2, name: 'Jane', age: 39, percentage: 0.18 },
    { id: 3, name: 'Jude', age: 51, percentage: 0.54 },
    { id: 4, name: 'James', age: 18, percentage: 0.32 },
    { id: 5, name: 'Javier', age: 47, percentage: 0.14 }
  ];
});