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样式