JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<div ng-app='app' ng-controller="MyCtrl">
    index: <input ng-model="index">
    field0: <input ng-model="items[index].field0">
    <div ng-repeat="item in items">
        <div>{{item.field0}}</div>
        <div>{{item.field1 | date:'medium'}}</div>
        <div>{{item.field2}}</div>
        <div>{{item.field3}}</div>
        <div>{{item.field4}}</div>
        <div>{{item.field5}}</div>
        <div>{{item.field6}}</div>
        <div>{{item.field7}}</div>
        <div>{{item.field8}}</div>
        <div>{{item.field9}}</div>
        <div>{{item.field10}}</div>
        <div>{{item.field11}}</div>
        <div>{{item.field12}}</div>
        <div>{{item.field13}}</div>
        <div>{{item.field14}}</div>
        <div>{{item.field15}}</div>
        <div>{{item.field16}}</div>
        <div>{{item.field17}}</div>
        <div>{{item.field18}}</div>
        <div>{{item.field19}}</div>
    </div>
</div>

JavaScript

angular.module('app', [])

.controller('MyCtrl', function($scope){
    $scope.items = [];
    for(var i = 0; i < 1000; ++i){
        $scope.items.push({
            field0: i,
            field1: new Date(),
            field2: 'test' + i,
            field3: i,
            field4: new Date(),
            field5: 'test' + i,
            field6: i,
            field7: new Date(),
            field8: 'test' + i,
            field9: i,
            field10: new Date(),
            field11: 'test' + i,
            field12: i,
            field13: new Date(),
            field14: 'test' + i,
            field15: i,
            field16: new Date(),
            field17: 'test' + i,
            field18: i,
            field19: new Date()
        });
    }
});