First row data hidden under header

[gopigupta]

Hello,

I have started experiencing issue after updating to v9.1.0. Grid's header overlap with some part of first row. This issue only happens when the grid is shown on jquery dialog box(as attached screenshot1)

Clicking on 1st row cell does show data correctly(as attached screenshot2)

Please help to resolve this issue.

Thanks     

[paramvir]

Please try setting this option to true for grid in jquery dialog box

https://paramquery.com/pro/api#option-noStickyHeader

[gopigupta]

Thank you. Will this solution work on v9.0.2 as one of my application is using this version?

[paramvir]

this css can be used for older versions:

Code: [Select]

your_grid_selector .pq-header-outer {
  position: relative;
}


[gopigupta]

Sorry, I added above code in css file but it does not solve the problem. Header is still overlapping with 1st row of grid.

[paramvir]

Did first option solution worked for v9.1.x? If yes then css solution is supposed to work for older versions.

If not, then could you please share a jsfiddle.

[gopigupta]

no, the first solution is also not working for v9.1.0. It is not possible to provide issue in jsfiddle but I noticed that this issue does not come till v8.6.0(pqgrid.min.js file)

Is it possible for you to create a jsfiddle showing grid header working fine on modal dialog box

[paramvir]

It works fine as seen in this example with latest version v9.1.1: https://paramquery.com/pro/demos/fluid_popup even without use of noStickyHeader option or any css workaround.

Which version of jquery and jqueryui are you using. Please try to use latest version of jqueryui.