<table class="table table-striped table-sm table-hover sortable" id="fragments_table">
    <thead>
        <tr>
            <th style="cursor: pointer;">Имя</th>
            <th style="cursor: pointer;" data-firstsort="desc">Длительность (ms)</th>
            <th style="cursor: pointer;" data-defaultsort="desc">Среднее (mA)</th>
            <th style="cursor: pointer;" data-firstsort="desc">Расход (mAh)</th>
        </tr>
    </thead>
    <tbody>
        {% for f in fragments %}
            <tr>
                <td style="font-size: 10pt;">{{ f.0 }}</td>
                <td style="font-size: 10pt;">{{ f.1|floatformat:"3" }}</td>
                <td style="font-size: 10pt;">{{ f.2|floatformat:"3" }}</td>
                <td style="font-size: 10pt;">{{ f.3|floatformat:"3" }}</td>
            </tr>
        {% endfor %}
    </tbody>
</table>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/javascript" src="/media/js/vendor/bootstrap-sortable.js"></script>