<template>
    <thead>
        <tr class="sf-table__heading">
            <slot />
        </tr>
    </thead>
</template>
<script>
    export default {
        name: 'SfTableHeading',
        inject: ['table'],
        onMounted() {
            if (!this.$slots.default) return;
            this.table.updateColumnsCount(
                this.$slots.default.filter((node) => node.tag).length,
            );
        },
    };
</script>
