单元格角网格Angular 7中的下拉菜单

【问题标题】：Dropdown in cell angular grid Angular 7单元格角网格Angular 7中的下拉菜单
【发布时间】：2020-04-26 18:42:17
【问题描述】：

我有一个 7 角的 ag-Grid，在我的单元格内有一个水滴。我的下拉列表工作正常，但它不适用于表最后记录 ag 表隐藏表内的下拉列表。在屏幕截图下方，并附上我的 css。

css：

.ag-cell {     overflow:visible;    }
       .ag-row {
        z-index: 0;   }
       .ag-row.ag-row-focus {
        z-index: 1;   }   .ag-root.ag-layout-auto-height,   
       .ag-body-viewport.ag-layout-auto-height,     
       .ag-body-viewport-wrapper.ag-layout-auto-height {
        overflow: visible;   }

截图：

【问题讨论】：

您能否在 plunk 或 stackblitz 上重现您的问题，以便其他人可以轻松帮助您？

标签： html css angular bootstrap-4 ag-grid

【解决方案1】：

这不是一个合适的解决方案，而是一个 hack

试试下面，我为material-date-picker 实现了这个解决方案

因为下拉菜单默认为absolute，所以将其设置为fixed，使其独立于父级。

 .drop-down { 
    position: fixed;
    top: auto;
}

更改类，因为它在 Angular 7 下拉列表中，我给出一个例子

或

您可以将overflow:auto 设置为父表包装器

【讨论】：