el-table 多表头固定列 样式不对

两种解决方式

  1. 找到vue 源码, 修改源码,参照这个大佬的方式修改

https://www.jianshu.com/p/bffdd1ef538e

  1. 设置每一个父el-table-column 的minwidth , 这种方式需要同时设定每个子的minwidth
    大致如下,这里只处理了 两层,多层的话写个递归就行了
    for (let i = 0; i < this.tableParam.colModels.length; i++) {
        if (tabsetmap.tableprop.frozenCount && tabsetmap.tableprop.frozenCount >= i + 1) {
            this.tableParam.colModels[i].fixed = true;
            if (this.tableParam.colModels[i].children) {
                let realwidth = 0;
                for (let item of this.tableParam.colModels[i].children) {
                    realwidth += item.minwidth || 150;
                }

                this.tableParam.colModels[i].minwidth = realwidth;
            }
        }
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容