{% load static %}
<thead>
  <tr>
    {% with th_base_class='text-white p-1 align-middle fw-bold' %}
    {% for column in table_header %}
      {% if 'backend-' in column %}
      <th class="non-clickable backend-column {{ th_base_class }}">{{ column|slice:'8:' }}</th>
      {% else %}
      <th class="clickable table-header {{ th_base_class }}" data-attribute="{{ column }}">{{ column }}</th>
      {% endif %}
    {% endfor %}
    {% endwith %}
  </tr>
</thead>
<script type="application/javascript" src="{% static 'js/table_header.js' %}"></script>