如何在LWC的闪电卡上重叠一个拾取列表字段下拉列表?

Question

我试着插入下面的css，

.table-responsive,
.dataTables_scrollBody {
overflow: visible !important;
}

但是它仍然不工作。

当我在模态上使用下拉选择列表字段时，下面的css会有帮助，但在lightning card

中没有帮助

.slds-modal__content{
overflow: initial;
}

Answer 1

这里有几件事需要注意，比如Model is定位元素但闪电卡不是。

所以你不能期望从闪电卡模型的确切行为。但是通过一些CSS修改，我们可以实现它。

1)如果你的下拉菜单是lightning-card的直接子元素，你可以添加以下元素作为lightning-card的最后一个直接子元素。

<div class="slds-scrollable" style="height:30rem">

2)您可以添加一个自定义类到闪电卡，并应用以下CSS:

.custom-class{
position: relative;
overflow: auto;
}