<table style="width:100%; border-collapse:collapse; font-size:12px; word-break:keep-all;">
    <tr>
        <td style="border:1px solid #000; padding:8px; text-align:center;"><b>Course</b></td>
        <td style="border:1px solid #000; padding:8px; text-align:center;"><b>CO</b></td>
        {% if includeCoStatement %}
        <td style="border:1px solid #000; padding:8px; text-align:center;"><b>CO Statement</b></td>
        {% endif %}
        {% for po in poList %}
        <td style="border:1px solid #000; padding:8px; text-align:center;"><b>{{ po.poCode }}</b></td>
        {% endfor %}
    </tr>
    {% for cluster in clusterList %}
        {% for cos in cluster.coList %}
        <tr style="page-break-inside: avoid; break-inside: avoid;">
            {% if loop.first %}
            <td rowspan="{{ cluster.coList|length }}" style="border:1px solid #000; padding:8px; text-align:center; vertical-align:middle;">{{ cluster.clusterName }}</td>
            {% endif %}
            <td style="border:1px solid #000; padding:8px; text-align:center;">{{ cos.coCode }}</td>
            {% if includeCoStatement %}
            <td style="border:1px solid #000; padding:8px;">{{ cos.coDescription is not empty ? cos.coDescription : '*' }}</td>
            {% endif %}
            {% for po in poList %}
                {% set isValueEntered = false %}
                {% for desval in cos.poList %}
                    {% if desval.poId == po.poId %}
            <td style="border:1px solid #000; padding:8px; text-align:center;">{{ desval.weightage | number_format(0) }}</td>
                    {% set isValueEntered = true %}
                    {% endif %}
                {% endfor %}
                {% if isValueEntered == false %}
            <td style="border:1px solid #000; padding:8px; text-align:center;">*</td>
                {% endif %}
            {% endfor %}
        </tr>
        {% endfor %}
    {% endfor %}
</table>
