el-table fixed 與 expend 同時存在時層級被覆蓋的問題|Element UI 2.15.x|Vue.js|伊恩踩坑筆記

簡單來說由於 el-table 在渲染表格的時候會同時複製另一個一樣的表格,因此內容其實會重疊

因此如果同時將欄位凍結 fixed,且同時又允許表格展開樹狀內容

凍結欄位
展開樹狀內容

則會出現以下情況,就是其實更下一層的按鈕沒有被處理到

其中一個解決方式就是將 expend 區塊的 z-index 內容往更上一層移動,高過 fixed 層即可解決此問題

/deep/ .el-table__body-wrapper {
.el-table__expanded-cell {
z-index: 9;
padding: 0;
}
}

參考來源
el-table:fixed+expend同时用存在的样式问题

ING Design 応設計
https://www.theingdesign.com/

--

--

Ian aka BerLin / 伊恩踩坑筆記

專門寫一些自己曾經踩過的坑,希望你沒踩過 / Web & BackEnd Developer • 台北 • theingdesign.com • IG: @ianakaberlin