JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/handsontable/0.23.0/handsontable.full.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/handsontable/0.23.0/handsontable.full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ngHandsontable/0.8.0/ngHandsontable.min.js"></script>
<div ng-app="Test">
    <div ng-controller="tableCtrl">
        <hot-table datarows="data" settings="columns=[{data: 'name.0'},{data: 'name.1'},{data: 'email'}]">
        </hot-table>
    </div>
</div>

JavaScript

angular.module('Test', ['ngHandsontable'])
    .controller('tableCtrl', function($scope) {
    
        $scope.data = [
            {
                'name': {0:'Bob',1:'Bobson'},
                'email': 'bob@sample.com'
            },
            {
                'name': {0:'John',1: 'Johnson'},
                'email': 'john@sample.com'
            }
        ];
});