JSFiddle - React, Tailwind, and code Playground

by JSWorld

HTML

<div ng-controller="AngularCtrl">
    
   <table>
 <thead><td>Id</td><td>Name</td><td>Ratings</td></thead>
 <tbody>
   <tr ng-repeat="user in users">
    <td>{{user.id}}</td>
    <td>{{user.name}}</td>
    <td><div ng-repeat="item in items">{{item.rating}}</div></td>
   </tr>
 </tbody>
</table>
    
</div>

JavaScript

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

function AngularCtrl($scope) {
    
    $scope.users = [{id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'} ,{id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}, {id: 1, name: 'john'}...