<!-- <div id="tempDiv1" *ngIf="template != undefined || template != ''"  class="bis-from msg-bubble"> -->
    <!-- <div id="tableDiv" #tableDiv></div> -->
    <!-- <div id="innertableDiv" [innerHTML]="template | safeHtml"></div> -->
    <!-- <div id="innertableDiv1" innerHTML="{{template}}"></div> -->
    <!-- <div id="newTableDiv"></div> -->
<!-- </div> -->

<!-- <div id="tempDiv2" *ngIf="template == undefined" class="bis-from msg-bubble"> -->
<div class="bis-from msg-bubble">
    <div class="bis-headerDiv dynamicTable scrollbar" id="resultDiv" style="width: 100%; height:100%; font-size: 14px;">
        <table width="100%" class="bis-tableClass" id="resultTable">
            <thead>
                <ng-container *ngIf="context">
                <tr class="bis-detail" align="center">
                    <th style="text-align: center;" *ngFor="let col of context['cols']; index as idx" class="bis-thClass {{context.colStyle[idx]}}">{{col}}</th>
                </tr>
                </ng-container>
            </thead>
            <tbody>
                <ng-container *ngIf="context.rows">
                    <tr *ngFor="let row of context.rows" class="bis-detail">
                        <td *ngFor="let rData of row; index as idx" class="bis-tdClass {{context.colStyle[idx]}}">{{rData}}</td>
                    </tr>
                </ng-container>
            </tbody>
        </table>
    </div>
</div> 
