单元格 angular 网格中的下拉列表 Angular 7

Question

我有一个 angular 7 ag-Grid，在我的牢房内有一滴。我的下拉菜单工作正常，但它不适用于 table 最后记录 ag table hide dropdown inside inside table。在屏幕截图下方附有我的 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;   }

截图：

Answer 1

Its not a proper solution but a hack

在下面尝试，我针对 material-date-picker

的相同场景实施了此解决方案

由于下拉菜单默认为 absolute，因此将其设置为 fixed 使其独立于父项。

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

Change the class as its is in angular 7 dropdown here i give an example

或

You can set overflow:auto to parent table wrapper

单元格 angular 网格中的下拉列表 Angular 7

Dropdown in cell angular grid Angular 7

html

css

ag-grid

bootstrap-4

angular