作者:手机用户2502857587 | 来源:互联网 | 2022-12-10 13:20
我设置了一个ag-Grid,以显示数据,并在右侧显示一个上下文菜单的单元格中。该上下文菜单由按钮触发,使用“引导程序”下拉菜单。单击后,该按钮会正确触发菜单的显示,但ag-Grid单元格会隐藏下拉菜单。我试图强制溢出:在父元素以及网格单元本身上可见,但未成功。我什至尝试在父元素上设置z-index,但仍然无法使其正常工作。我仅有的一点成功是通过设置overflow:scroll。如果滚动单元格的内容,则可以看到下拉列表。并非完全用户友好。有人有建议吗?注意:我已经尝试过:CSS:引导drowpdown隐藏在网格单元后面
感谢您的任何建议!
1> peregrinatio..:
isPopup
仅适用于可编辑单元格。
要在ag-grid-community版本19中的不可编辑单元格中使用引导程序下拉列表,请执行以下操作:
适用overflow: visible
于.ag-cell
,或者更好的,到cellClass
你申请到细胞中列定义,例如,.actions-button-cell
设置z索引,以使焦点所在的行出现在未焦点所在的行上方。
CSS:
.actions-button-cell {
overflow:visible;
}
.ag-row {
z-index: 0;
}
.ag-row.ag-row-focus {
z-index: 1;
}
这允许下拉列表流到单元格和行的外部。
如果您还希望下拉列表流在网格外部,则可以添加以下内容:
.ag-root,
.ag-body-viewport,
.ag-body-viewport-wrapper {
overflow: visible !important;
}
请参阅plnkr示例