el-table 多表头 递归, 以及递归出现 子列s 第一列被移到最后的解决办法

<template>
    <el-table-column show-overflow-tooltip :min-width="column.minwidth || 150" :fixed="false" :prop="column.prop" :label="column.showName">
        <template slot="header">
            <div class="row tablepheader justcenter aicenter" @click.stop.prevent="headerclick(column.prop)">
                <label>{{ column.showName }}</label>
            </div>
        </template>

        <tablecolumn v-for="(ii, indexz) in column.children" :pprop="pprop + 1" :key="'zicol1' + pprop + indexz" :column="ii" @headerclick="headerclick" @commitfilter="commitfilter">
            <!-- template 的slot-scope 从上面的slot 里面接收数据,然后在下发到slot 里 -->
            <template slot="ddd" slot-scope="{ scope }"> <slot :scope="scope" :ditem="ii" name="ddd" /></template>
        </tablecolumn>
        <!-- slot-scope 是从上面拿数据, 两个: 是往下发数据 -->
        <slot v-if="!column.children" slot-scope="scope" :scope="scope" name="ddd" :ditem="column" />
    </el-table-column>
</template>

如果出现第二个问题,说明 你 template 下面不是直接是el-table-column 而是div 就会导致标题所说的问题

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容