关于antd的表格组件表头覆盖筛选下拉框问题

 

 在使用antd的表格组件时，再进行筛选后列表没有符合筛选项的数据，就会出现如上图所示表头覆盖筛选下拉框问题，经过控制台的样式查找，发现问题出现在

ant-table-empty这个样式上，控制台的样式：

.ant-table-empty .ant-table-body {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

 

 

 

 

查询overflow-x\overflow-y样式：

 

 

解决方法：将ant-table-empty重置为如下即可

// 避免antd表格组件表头覆盖下拉框
.ant-table-empty {
  overflow-x: visible !important;
  overflow-y: visible !important;
}