JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.11/ng-grid.min.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.11/ng-grid.min.css">
<div ng-controller="MyCtrl">
    <div  ng-grid="my_table" class="table"></div>
</div>

CSS

.table {
    border: 1px solid rgb(212, 212, 212);
    width: 400px;
    height: 180px;
    margin: 10px;
}

JavaScript

var app = angular.module('myApp', ['ngGrid']);

app.controller('MyCtrl', function ($scope, $window) {
    $scope.myData = [
                {id:10, program_name:'program1', date: '13.02.2015 8:52:45'} ,
                {id:102, program_name:'program2', date: '13.02.2015 9:16:23'} ,
                {id:130, program_name:'program3', date: '13.02.2015 9:20:40'} ,
                {id:102, program_name:'program4', date: '13.02.2015 9:16:23'} ];
    $scope.my_table = {
      data: 'myData',
      multiSelect: false,
      rowTemplate: '<div ng-dblclick="showForm()" ng-style="{\'cursor\': row.cursor, \'z-index\': col.zIndex() }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell {{col.cellClass}}" ng-cell></div>',
          
      columnDefs:[

        {field: 'program_name', displayName: 'Program name'},
        {field: 'date', displayName: 'Date'}

      ]};
    
    $scope.showForm = function() {

      return $window.open('http://localhost:4444/#/separation_noncash_payment');
};


  });