JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
<div ng-app="myApp">
  <div data-ng-controller="myCtrl">
   {{section}}
  </div>
</div>

CSS

table {
  width: 100%;
  text-align: center;
}

tr:hover {
  background: #000;
  color: #fff;
}

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', function($scope) {

  $scope.section = [{
      "id": 1,
      "name": "name1",
      "value": "foo1"
    },
    {
      "id": 2,
      "name": "name 2",
      "value": "foo2"
    }]

    
    $scope.section.forEach(function(data){
    data= {
      "id": 3,
      "name": "name 3",
      "value": "foo3"
    };
    })

})