在SLDS中，为什么闪电数据表的状态栏覆盖日期编辑面板？

Question

当我使用闪电内嵌可编辑数据表组件时，状态栏将覆盖编辑面板。

我认为这可能是SLDS错误。

Answer 1

我也遇到了这个问题。我同意我认为这是SLDS方面的CSS问题。

我正在使用lightning：datatable进行内联编辑，并且我注意到带有“取消/保存”按钮的页脚栏div使用的是“ slds-docked-form-footer”类，该类将z-index设置为8000。

从datepicker爬行，我注意到“表格单元格”包含一个具有内联样式的section元素，该元素将z-index设置为7002。该section元素还具有“ slds-popover_edit”类，因此我的解决方法是就是把它放到我的闪电组件的css文件中：

.THIS section.slds-popover_edit {
    z-index: 9999 !important;
}

希望这会有所帮助，或者您现在已经找到了更好的解决方案。我将测试我的页面，以确保此更改不会造成任何意外的后果。