{% if columnNames is string %}
    {% set columnNames = columnNames|json_decode %}
{% endif %}
{% set urlSorting = app.request.query.get('sorting') %}
{% set sorting = null %}
{% if urlSorting %}
    {% set sorting = urlSorting|json_decode %}
{% endif %}
<thead>
<tr>
    {% for columnName in columnNames %}
        {% set name = columnName|split('.')|last %}
        <th data-action="click->datatable#sort" data-name="{{ name }}">
            {{ columnName|trans({}, translationDomain) }}
            <span class="sorting up{% if sorting and sorting.property == name and sorting.sort == 'up' %} d-block{% endif %}">
                <twig:icon name="chevronUp"/>
            </span>
            <span class="sorting down{% if sorting and sorting.property == name and sorting.sort == 'down' %} d-block{% endif %}">
                <twig:icon name="chevronDown"/>
            </span>
        </th>
    {% endfor %}
    {% if showActionColumn %}
        <th></th>
    {% endif %}
</tr>
</thead>