How do I get the column headers of a table in a matrix?

Question

I'm trying to write a general purpose matrix template and I've come up on a little snag with tables fields. I see no way to get the column header values.

The answer here mentions craft.fields.getFieldById(block.fieldId) but that doesn't appear to exist according to the documentation, nor did it work properly.

The closest I've gotten is this dirty slice job and that only gives me the ids of the columns. So I can do some string manipulation to get them close to the value but they can be completely different as well.

{% set first = block.table | first %}
{% set columns = first | keys | slice((first | length) / 2, first | length) %}

Any ideas would be helpful!

I'm trying to accomplish this:

<table>
  <thead>
    {{ loop through table headers }}
  </thead>
  <tbody>
    {{ loop through table data }}
  </tbody>
</table>

Answer 1

Updated code to output the entire table (headers and data).

Try this:

{% set entry = craft.entries.section('sectionHandle').first %}

{% for block in entry.matrixFieldHandle %}

    {% for field in block.getFieldLayout().getFields() %}

        {% set type = field.getField().type %}

        {% switch type %}
            {% case 'Table' %}

                <h3>{{ field.getField().name }}</h3>

                <table>
                    <thead>
                        <tr>
                            {% set columns = field.getField().settings.columns %}
                            {% for col in columns %}        
                                <th>{{ col.heading }}</th>
                            {% endfor %}
                        </tr>
                    </thead>
                    <tbody>
                            {% set handle = field.getField().handle %}
                            {% set tableData = block[handle] %}
                            {% for row in tableData %}
                                <tr>
                                    {% for key, col in row if key|slice(0,3) == 'col' %}
                                        <td>{{ col }}</td>
                                    {% endfor %}
                                </tr>
                            {% endfor %}
                    </tbody>
                </table>

        {% endswitch %}

    {% endfor %}

{% endfor %}