el-table 多表頭固定列 樣式不對

兩種解決方式

  1. 找到vue 源碼, 修改源碼,參照這個大佬的方式修改

http://www.itdecent.cn/p/bffdd1ef538e

  1. 設(shè)置每一個父el-table-column 的minwidth , 這種方式需要同時設(shè)定每個子的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;
            }
        }
    }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容