JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-app="myApp">
<table ng-controller="myCtrl" class="table-responsive" class="fixed">
<thead>
<th>ID</th>
<th>Name</th>
<th>Policy Nr</th>
<th>Pol. Type</th>
<th>Check</th>
</thead>
<tbody>
<tr ng-repeat="p in patients | orderBy:'patID'">
<td>{{ p.patID }}</td>
<td>{{ p.name }}</td>
<td>{{ p.policy_number }}</td>
<td>{{ p.policy_type }}</td>
<td>
<button ng-click="showit(p)">check</button>
</td>
</tbody>
</table>
</div>
JavaScript
var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', function($scope) {
$scope.patients = [{
partID: 1,
name: 'a'
}, {
partID: 2,
name: 'b'
}, {
partID: 3,
name: 'c'
}, {
partID: 4,
name: 'd'
}];
$scope.showit=function(name){
console.log(name);
}
})