JQXgrid column header issue

[sacParticipant]

We are using Jquery date picker control along with JQXGrid.

When date picker pops-up theJQXgrid header is get displayed on top and (see screen shot) we are facing same issue with top menu option.

>>  We have tried to fix this using below CSS

.jqx-grid-column-header{z-index:0!important;}

But after fixing this we observed that JQXgrid headers are not remain frozen in case of frozen columns.

[Peter StoevKeymaster]

Hi sac,

jqxDateTimeInput’s Popup has much higher z-index compared to the Grid’s Header. I also do not suggest you to change Layout/Z-Index settings in the CSS.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[sacParticipant]

This issue is not only exist with Datepicker. We are having top menu which also goes hidden due to JQXGrid header.

[Peter StoevKeymaster]

Hi sac,

The solution that I can suggest you is to update the z-index of the date picker’s popup that you use on your page or use jqxDateTimeInput instead.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts