Scroll Model Issue With Param Query 5.0.1

[Imran Ahmed]

Hi Team,

I have developed a screen with Param Query Pro Free Version which includes horizontal scroll bar. Now I am replacing that free version with ParamQuery-5.0.1 (Paid version).

But, the horizontal scroll bar is not appearing with the 5.0.1 version change.

Am using the following code to bring the scrollbar.

            scrollModel : {
                                    autoFit : true,
                                },
             virtualX : true,
             virtualY : true,
             width : 'flex',
             maxWidth : '100%',
             height : 'flex',
             maxHeight : 470

Kindly let me know if I am doing anything wrong here. If not, Please suggest me any solution.

Thanks in Advance.

[paramvir]

you need to remove

scrollModel : { autoFit : true }

[Imran Ahmed]

Thank you. It works.

But now facing another issue.

While scrolling horizontally, the columns are getting overlapped.

Attached the screenshot for your reference. NormalColumns.png -> Columns before applying scroll. OverlappedColumns.png -> Columns after applying scroll.

First three columns are frozen columns. (Select, Id, Description). And this table got 3 more hidden frozen columns also.

Kindly suggest me any solution for this issue.

[paramvir]

Have you updated the grid stylesheets (v5.1.0) and using the compatible version of jQueryui (1.11.4)

[Imran Ahmed]

I updated all the files related to the Parm Query to 5.0.1 version. (Including stylesheets).

JQuery UI version used is also 1.11.4.

Both are updated.

[paramvir]

Could you please share a plnkr of the issue.

https://plnkr.co/edit/zo6TdOvweAFvWM5JLasV?p=preview