JQXGrid autorowheight issue

[vijay.vanechaParticipant]

Hi,

I am using autorowheight option in jqxgrid, cell value is multiline so i set css for that column ‘white-space: pre’ throught cellclassname. I am using HTML as below:

<jqxGrid #listGrid [width]="'100%'" [enabletooltips]="true" [autoheight]="true" [autorowheight]="true" [source]="listDataAdapter" [columns]="columns" [pageable]="true" [sortable]="true" [filterable]="true" [autoloadstate]="true" [columnsmenu]="false" [columnsresize]="true" [columnsreorder]="true"> </jqxGrid>

Issue is, While resizing browser, row height is increasing. when i use mouse scroll on grid, row height is increasing as much i scroll.

Help me to find what is wrong.

[HristoParticipant]

Hello vijay.vanecha,

Could you provide us with one simplified example that demonstrates your case?
As a base, you could use this example.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[vijay.vanechaParticipant]

Hi Hristo,

Thanks for quick reply.

Here is simplified example. Try to scroll in grid.

I found that when i use createwidget in column this issue occurs.

Please check and let me know what is wrong in my example.

Thanks,
Vijay

[HristoParticipant]

Hello vijay.vanecha,

I would like to suggest you look at this topic where we has a similar discussion.
Also, please, take a look at this example.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[vijay.vanechaParticipant]

Hi Hristo,

You are Awesome!

Thanks a lot for solution.

This two lines works for me.

htmlElement.style.overflow = "hidden";
htmlElement.style.maxHeight = "30px";

Thanks again,
Vijay

[Author]

Posts