el-table fixed 與 expend 同時存在時層級被覆蓋的問題|Element UI 2.15.x|Vue.js|伊恩踩坑筆記
Apr 2, 2024
簡單來說由於 el-table 在渲染表格的時候會同時複製另一個一樣的表格,因此內容其實會重疊
因此如果同時將欄位凍結 fixed
,且同時又允許表格展開樹狀內容
則會出現以下情況,就是其實更下一層的按鈕沒有被處理到
其中一個解決方式就是將 expend
區塊的 z-index
內容往更上一層移動,高過 fixed
層即可解決此問題
/deep/ .el-table__body-wrapper {
.el-table__expanded-cell {
z-index: 9;
padding: 0;
}
}
ING Design 応設計
https://www.theingdesign.com/