Dropdown in cell angular grid Angular 7

Question

I have a angular 7 ag-Grid with a drop inside my cell. My dropdown works fine but it doesn't work for the table last record ag table hide dropdown inside inside table. Down below a screenshot and my css is attached.

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;   }

screenshot:

Could you reproduce your issue on plunk or stackblitz so that others can help you easily? — Paritosh
– Paritosh, Commented Jan 9, 2020 at 9:21

Awais · Accepted Answer · 2020-01-09 09:27:45Z

1

Its not a proper solution but a hack

Try below, i implemented this solution for the same scenario for material-date-picker

As drop down is absolute by default so set it to fixed make it independent form parent.

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

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

OR

You can set overflow:auto to parent table wrapper

answered Jan 9, 2020 at 9:27

Awais

4,9424 gold badges20 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dropdown in cell angular grid Angular 7

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related