Conditionally show table column headings

Question

Is there a way to conditionally display a table column heading if the table field row has been entered? i.e.

if my table has up to 3 columns and I fill in ALL the fields like this I'd see

ch1 | ch2 | ch3

a | b | c

but, if I only fill in 2 columns without conditionals I'd see this

ch1 | ch2 | ch3

a | b |

I'd like to conditionally only show the column headings/rows populated like this:

ch1 | ch2 |

a | b |

Is that possible?

Answer 1

This works for me:

{% set showCol1 = false %}
{% set showCol2 = false %}
{% set showCol3 = false %}
{% set showCol4 = false %}
{% set showCol5 = false %}


{% for row in entry.fieldname %}
{% if row.col1|length %}{% set showCol1 = true %}{% endif %}
{% if row.col2|length %}{% set showCol2 = true %}{% endif %}
{% if row.col3|length %}{% set showCol3 = true %}{% endif %}
{% if row.col4|length %}{% set showCol4 = true %}{% endif %}
{% if row.col5|length %}{% set showCol5 = true %}{% endif %}
{% endfor %}


<table>
<thead>
    <tr>
        {% if showCol1 %}<th>Col 1</th>{% endif %}
        {% if showCol2 %}<th>Col 2</th>{% endif %}
        {% if showCol3 %}<th>Col 3</th>{% endif %}
        {% if showCol4 %}<th>Col 4</th>{% endif %}
        {% if showCol5 %}<th>Col 5</th>{% endif %}
    </tr>
</thead>
{% for row in entry.fieldname %}
    <tr>
        {% if showCol1 %}<td>{{ row.col1 }}</td>{% endif %}
        {% if showCol2 %}<td>{{ row.col2 }}</td>{% endif %}
        {% if showCol3 %}<td>{{ row.col3 }}</td>{% endif %}
        {% if showCol4 %}<td>{{ row.col4 }}</td>{% endif %}
        {% if showCol5 %}<td>{{ row.col5 }}</td>{% endif %}
    </tr>
{% endfor %}
</table>