part_problems.html

<table class="table table-bordered table-hover" id="problem-table">
    <thead>
        <tr>
            <th class="large-cell">File Name</th>
            <th class="small-cell">
                Size<br />
                #B/#L/#G/#N
            </th>
            <!-- <th class="small-cell">B/L/G</th> -->
            <th class="small-cell">Status</th>
        </tr>
    </thead>
    <tbody>
        {% for k, v in problems.items() %}
        {% set tr_class = '' %}
        {% if v.status == 'Saved' %}
            {% set tr_class = 'solution-saved' %}
        {% elif v.status.startswith('Solved') %}
            {% set tr_class = 'solution-solved' %}
        {% elif v.status.startswith('Tried') %}
            {% set tr_class = 'solution-tried' %}
        {% endif %}
        <tr class="problem-row {{tr_class}}" data-problem="{{v.name}}">
            <td class="large-cell">{{v.name}}</td>
            <td class="small-cell">
                {{v.size_str}} [{{'{:,.1f}%'.format(v.filling_rate * 100)}}]<br />
                {{v.block_num}} /
                {{v.line_numbers | length - 1}} /
                {{v.block_groups | length}} /
                {{v.null_blocks | length}}
            </td>
            <td class="small-cell">{{v.status}}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>