{% if component.name %}<h3>{{component.name}}</h3>{% endif %}
<table class="table table-hover table-condensed{% if not component.sorted or report.pdf %} table-bordered{% endif %}"
           {% if component.sorted and not report.pdf %}
           data-toggle="table"
           {% endif %}
           data-search="true"
           data-show-export="true"
           data-show-columns="true"
           data-show-toggle="true"
           {% if component.fixed_header > 0 %} 
           data-height="{{component.fixed_header}}"
           {% endif %}
           data-show-export="true"
           data-sortable="true"
           data-filter-control="true">
    <thead class="bg-warning">
        {% if component.groups %}
        {% for header in component.groups %}
        <tr><th>&nbsp;</th>
            {% set outer_loop = loop %}
            {% for group in header %}
            {% if not report.pdf or component._get_group_visible_span(group) > 0 %}
            <th class="group group-{{loop.index}} text-center span-{{component.groups_span[outer_loop.index0][loop.index0]}} bg{{loop.index0 % 2}}"
                colspan="{% if report.pdf %}{{component._get_group_visible_span(group)}}{% else %}{{component.groups_span[outer_loop.index0][loop.index0]}}{% endif %}">{{group}}</th>
            {% endif %}
            {% endfor %}
        </tr>
        {% endfor %}
        {% endif %}

        <tr>
            <th data-field="{{component.uid}}_uid"
                data-sortable="true"
                data-searchable="false"
                data-switchable="false"
                {% if not component.index_col %}data-visible="false"{% endif %}
                class="text-center"{% if not component.index_col and not component.sorted %} style="display:none"{% endif %}>#</th>
            {% for col in component.columns %}
            {% if not report.pdf or not loop.index0 in component.disabled %}
            <th data-field="{{component.uid}}_col_{{loop.index0}}" class="text-center"
                {% if loop.index0 in component.disabled %}
                data-visible="false"
                {% endif %}
                data-sortable="true"
                data-sorter="Pyr.tableSorter"
                data-filter-control="{{component.searchs[loop.index0]|default("input")}}">{{col}}</th>
            {% endif %}
            {% endfor %}
        </tr>
    </thead>

    <tbody>
        {% for row in component.data %}
        <tr id="{{component.uid}}_row_{{loop.index0}}">
            <td{% if not component.index_col and not component.sorted %} style="display:none"{% endif %}>{{loop.index}}</td>
            {% set outer_loop = loop %}
            {% for cell in row %}
            {% if not report.pdf or not loop.index0 in component.disabled %}
            <td{% if cell.status %} class="{{cell.status}}"{% endif %}>{{cell.value|trim|number_format|link_format}}{%if component.comments.get("%s-%s" % (outer_loop.index0, loop.index0)) is not none %}<i class="pyr-comment icon-{{component.comments_icon.get("%s-%s" % (outer_loop.index0, loop.index0))}}" data-toggle="tooltip" data-placement="top" data-html="true" title="{{component.comments.get("%s-%s" % (outer_loop.index0, loop.index0))}}"></i>{% endif %}</td>
            {% endif %}
            {% endfor %}
        </tr>
        {% endfor %}
    </tbody>

</table>