Overlapping Page Content

dkClark

First of all I must say thanks for this awesome piece of software.
It takes hundreds of hours off our developing time when people give code like this for all to use.

Our primary purpose of use is for machine training records and is used over our intranet.

I have a drop down menu system above the table and when it drops down it goes behind part of the table headings. I have tried z-index in a few places but to no avail. Any help would be apprecated.

Please see image at http://www.dobinsonsprings.com/empTraining.png

allan

Are you using FixedHeader? The default for FixedHeader's zIndex is 104. So you would need to set your menu to higher than that - or FixedHeader to have a zIndex lower than your menu: http://datatables.net/release-datatables/extras/FixedHeader/zIndexes.html . Firebug is great for poking around with this stuff.

Regards,
Allan

dkClark

You are correct. I am using FixedHeader.

I had tried entering zIndex values in all areas of the menu system but had no luck. Hence my question here.

Your post confirmed to me it was going to be a zIndex issue so I tried again. I discovered that the menu system from Addobject (nlsmenu) has a value hard coded in its nlsmenu.js file setting it to 100.

I simply increased that to 110 and all is good.

Thanks again for your input.

AnthonyV

Hello Allan

You might want to check you demo for:

http://datatables.net/release-datatables/extras/FixedHeader/zIndexes.html

I am reasonably sure it is doing things you don't want. Tried FF and Chrome and if you scroll a really odd chunk of the data moves...

Anthony

AnthonyV

I had a similar problem with a control in VSS 2010 and my fix for this problem was to add the following into the head of the Master Page.


.dynamic li { z-index: 999999; }


The menu items are generated as "li" objects with a class of "dynamic".

Worked on: IE9, FF, Chrome, BB

P.S. Thanks for a very powerful Grid...