html5 - z-index issue with ng-grid's column menu -
when put 2 ng-grids on same page , open colum menu first one, second grid's header overlaps seen in screenshot:

i've tried setting z-index on column menu high value had no effect. i've tried several other approaches i'm missing something. suggestions? plunker demonstrating behaviour here:
force z-index of first grid panel css style
[ng-grid=gridoptions1] .ngtoppanel { z-index: 2; } a better approach (as suggested in comments) use nth-child approach. extended 3 items:
.gridstyle:first-child .ngtoppanel { z-index: 3; } .gridstyle:nth-child(2) .ngtoppanel { z-index: 2; }
Comments
Post a Comment