vxe-table 可編輯表格使用日期框、下拉框被el-ui dialog遮擋

vxe-table 可編輯表格使用日期框、下拉框被el-ui dialog遮擋

 

 

(一) el-ui dialog的層級太高，先查看遮擋層的層級

 

 (二)修改日期框、下拉框的的層級 ，使日期框的層級高於遮擋層

<style rel="stylesheet/scss" lang="scss" >
     
    .vxe-dropdown--panel {
      z-index: 2010 !important
    }
     //日期框
    .vxe-input--panel.type--date, .vxe-input--panel.type--month, .vxe-input--panel.type--            week, .vxe-input--panel.type--year {
         z-index: 9998 !important
    }
        //選擇框
    .vxe-select--panel {
      z-index: 9997 !important
    }
   
</style>

 修改后的效果圖

(三) 圖中的下拉多選項編輯時，下拉框不顯示也是被遮擋，同樣修改vxe-select--panel樣式