Ag 网格反应下拉列表不显示网格外

Question

使用预输入作为单元格编辑器进行搜索、行和添加。

问题是，当应用预输入选项时，只会显示在表格内。

我试过了overflow: visible，效果就是这样

actions-button-cell:has(.MultiColumn) {
  overflow: visible;
}

.ag-cel:has(.MultiColumn)l {
  overflow: visible;
}

.ag-row:has(.MultiColumn) {
  z-index: 0;
}

.ag-row.ag-row-focus:has(.MultiColumn) {
  z-index: 1;
}


.ag-root:has(.MultiColumn),
.ag-root-wrapper:has(.MultiColumn),
.ag-body-viewport:has(.MultiColumn),
.ag-body-viewport-wrapper:has(.MultiColumn),
.ag-center-cols-clipper:has(.MultiColumn),
.ag-center-cols-viewport:has(.MultiColumn) {
  overflow: visible !important;
} 

在 css 中，这将显示选项而不隐藏，但 aggrid 行的滚动由于溢出而消失：可见。

有没有办法在 agggrid 之外显示下拉选项而不删除滚动

任何帮助将不胜感激

沙盒链接： https://codesandbox.io/s/v1cqbz

Answer 1

对于要添加 cellEditorPopup: true 的字段中的 aggrid columndef ，它将使完整的 typeahead 和下拉选项出现在顶部。

columnDefs= [{field:"name",cellEditorPopup: true,cellEditor:"editorname"}]