is-monitor/is-monitor-frontend/src/app/resource-list/resource-list.component.html

<div style="margin-left:5px;">
    <table class="table table-striped table-bordered" *ngFor="let key of resources.keys()">
        <thead>
            <tr>
                <th [attr.colspan]="resources.get(key).mandatoryProperties.size+2">Resources identified by {{resources.get(key).type}}</th>
            </tr>
            <tr>
                <th>Resource Type</th>
                <th>UUID</th>
                <th scope="col" *ngFor="let property of resources.get(key).mandatoryProperties">
                    {{ property.charAt(0).toLocaleUpperCase() + property.substr(1) }}
                </th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let r of resources.get(key).resources">
                <th>{{ r['@class'] }}</th>
                <td>{{ r.header.uuid }}</td>
                <td *ngFor="let property of resources.get(key).mandatoryProperties">{{ r.consistsOf[0].target[property] }}</td>
            </tr>
        </tbody>
    </table>
</div>