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:

ng-grid 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:

http://plnkr.co/edit/eb3bl0l01ghxlvvsgta5

force z-index of first grid panel css style

[ng-grid=gridoptions1] .ngtoppanel {     z-index: 2; } 

demo

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

demo


Comments

Popular posts from this blog

php - SPIP: From Tag directly to an article -

jquery - isAjaxRequest always return false -

ruby on rails - In a controller spec, how to find a specific tag in the generated view? -