{% set top = "<a class='sort asc' href='javascript:void(0);'><i class='fa fa-caret-up '></i></a>" %}
{% set down = "<a class='sort desc' href='javascript:void(0);'><i class='fa fa-caret-down'></i></a>" %}

<thead>
    <tr>
        <th col-attr="tagType">{{ 'Print Type' | trans }}
            <div class="sortIcon">
                {{ top | raw }} {{ down | raw }}
            </div>
        </th>
        <th col-attr="templateName">{{ 'Template Name' | trans }}
            <div class="sortIcon">
                {{ top | raw }} {{ down | raw }}
            </div>
        </th>
        <th col-attr="storeName">{{ 'Store' | trans }}
            <div class="sortIcon">
                {{ top | raw }} {{ down | raw }}
            </div>
        </th>
        <th col-attr="departmentName">{{ 'Department' | trans }}
        </th>
        <th col-attr="expectedDate">{{ 'Expected Delivery' | trans }} 
            <div class="sortIcon">
                {{ top | raw }} {{ down | raw }}
            </div>
        </th>
        <th col-attr="effectiveDate">{{ 'Effective Date' | trans }}
            <div class="sortIcon">
                {{ top | raw }} {{ down | raw }}
            </div>
        </th>
        <th col-attr="createdDate">{{ 'Req Date' | trans }}
            <div class="sortIcon">
                {{ top | raw }} {{ down | raw }}
            </div>
        </th>
        <th>{{ 'Status' | trans }}</th>
    </tr>
</thead>