JQXGRID Height using Percentage

[GaryParticipant]

I have the following allocations for jqxGrid for Height:

<jqxGrid #gridColumns
[width]=”‘99%'” [height]=”‘100%'” [source]=”dataAdapter” [columns]=”columns”
[theme]=”‘energyblue'” [pageable]=”false” [autoheight]=”false” [sortable]=”true” [altrows]=”false”
[enabletooltips]=”true” [selectionmode]=”‘singlerow'” [editable]=”false” [rowsheight]=”25″
[showstatusbar]=”true” [renderstatusbar]=”createButtonsContainers” [statusbarheight]=”37″
(onRowclick)=”onRowClick($event)”>
</jqxGrid>

When set with the percentage my grid always shows as 400px height, which is the default.
I get no error.

When I define height with a px size as below it works fine. I can adjust to any px size.

jqxGrid #gridColumns
[width]=”‘99%'” [height]=”‘593.8′” [source]=”dataAdapter” [columns]=”columns”
[theme]=”‘energyblue'” [pageable]=”false” [autoheight]=”false” [sortable]=”true” [altrows]=”false”
[enabletooltips]=”true” [selectionmode]=”‘singlerow'” [editable]=”false” [rowsheight]=”25″
[showstatusbar]=”true” [renderstatusbar]=”createButtonsContainers” [statusbarheight]=”37″
(onRowclick)=”onRowClick($event)”>
</jqxGrid>

The problem I need a fluid definition for resizing.

Currently using JQWIDGETS 5.4.0 with Angular 5.0.3

Thanks,
Gary

[Peter StoevKeymaster]

Hi Gary,

We have such example already: https://www.jqwidgets.com/angular/angular-grid/angular-grid-fluidsize.htm.

Hope this helps.

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com

[GaryParticipant]

Peter,

I found my error. I had embedded jQXGrid inside JQXTab. The Height in JQXTAB was set wrong and JQXGrid was getting 100% of what JQXTAB had allocated.
My error.

Best regards,
Gary

[Peter StoevKeymaster]

Thanks for the update, Gary.

Have a nice day.

[Author]

Posts