Headers top the window

Getting help Questions
1

Hi.

I’m using a side menu with AngularJS but when showing it you can see the headers of the handsontable. Can you tell me the reason?

image.png1051×195 12.6 KB

Greetings.

2

Hi @orijuan

I would need to see your code, however, it looks like an issue with z-index of those elements. Handsontable headers are set to z-index 100+. I guess that you would need to set your left-menu to correspondingly higher z-index.

3

Perfect!

I changed the z-index of the md-sidenav and no longer see the headers above.

<md-sidenav layout=“column” class=“md-sidenav-left md-whiteframe-z2” style=“z-index:200;”

image.png662×179 7.24 KB

Can I change the z-index of the header by code?
Could you have the same z-index in the headers as in the data?

Thanks!

4

I got it!

I changed the z-index in div class and ran!

.dataHandsonTable {
position: relative;
z-index: 0;
}

Greetings.

5

I’m glad it works now. Thanks for an update :slight_smile: