小编Cri*_*rao的帖子

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

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

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

我试过了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;
} 
Run Code Online (Sandbox Code Playgroud)

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

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

任何帮助将不胜感激

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

css reactjs ag-grid-react react-bootstrap-typeahead

5
推荐指数
1
解决办法
1474
查看次数