{{#if widgetEmbeded}}
<div class="widget-box {{#if collapsed}}collapsed{{/if}}">
    <div class="widget-header bordered-bottom bordered-sky">
        <i class="widget-icon {{headerIcon}} sky"></i>
        <span class="widget-caption sky">{{header}}</span>
        <div class="widget-toolbar">
            {{#each widgetToolbarItems}}
            <a href="#" data-action="{{action}}">
                <i class="{{class}}"></i>
            </a>
            {{/each}}
        </div>
    </div>

    <div class="widget-body">
        {{/if}}
        <div id={{widgetId}} class="widget-main no-padding">
            <div class="flip-scroll">
                <table class="table table-striped table-hover table-bordered flip-content" data-click-to-select="true" data-single-select="true">
                    <thead class="flip-content">
                        <tr>
                            {{#each aoColumns}}
                            <th> {{title}} </th>
                            {{/each}}
                        </tr>
                    </thead>
                    <tbody>
                        {{#each data}}
                        <tr data-id="{{rowid}}">
                            {{#each values}}
                            <td data-key="{{@key}}"> {{this}} </td>
                            {{/each}}
                            {{#if hasRowbuttons}}
                            <td class='action-buttons'>
                                {{#each ../rowButtons}}
                                <a href='#' class='{{class}}' onclick="{{click}}"><i class='{{icon}}'></i>{{title}}</a>
                                {{/each}}
                            </td>
                            {{/if}}
                        </tr>
                        {{/each}}
                    </tbody>
                </table>
            </div>
        </div>
        {{#if widgetEmbeded}}
    </div>
</div>
{{/if}}
<!--</div>-->