Dropdown list issue in data grid

[King Shez]

Hi guys i am facing problem with drop down list in data grid , drop down list is placed in data grid , when the user scrolls the grid vertically down o ther controls present in grid goes beneath the data grid header but drop down list goes above the data grid header, i know this problem is due to windowed control Z-Index issue in IE 6.0, do any one have any idea how to control it, is there any way it can be done with CSS, thankx in advance, regards

[Venkatesh Mookkan]

Are you using Fixed Header Grid?

Regards, Venkatesh Mookkan. Software Engineer, India My: Website | Yahoo Group | Blog Spot

[SABhatti]

I think you are using style sheet to fix the datagrid header. It is not possible to hide the drop down lists with just the z-index. Instead you have to use iframe to hide them. You will be setting the z-index for iframe greater than the drop down lists and z-index for your header row will be greater than the iframe. And then you will have to reposition/resize the iframe to go right beneath the header row. This way you will be able to hide the drop down lists. If I am getting you right then I will suggest to use a separate table with just one row on top of data grid. And then on load get the header row from data grid and add it to the table. I have done it this way. There is quite a lot of javascript involved to achieve this. But if you search online you should be able to find articles.

-----

[King Shez]

Yup man i am using fix header in data grid.

[King Shez]

man can u send me the javascript code, thankx for reply, regards,

[SABhatti]

Please check this article http://www.codeproject.com/aspnet/ScrollingGrid.asp

-----