關於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;
}