Angular5 JqxGrid columnReorder not working for dynamically show/hide columns

[govi-pParticipant]

I Created jqxWidgets grid as follows,
<jqxGrid #colorGrid (onRowselect)=”spotColorGridOnRowSelect($event)” (onRowclick)=”spotColorGridOnRowClick($event)” (onBindingcomplete)=”spotColorGridOnBindComplete($event)”
[width]=”‘100%'” [height]=”‘100%'” [source]=”dataAdapter” [columns]=”columns” [autoheight]=”false” [pageable]=”false” [sortable]=”true”
[columnsresize]=”true” [columnsreorder]=”true” [editmode]=”‘programmatic'” [theme]=”‘efi'” [altrows]=”false” [enabletooltips]=”false” [editable]=”false” [scrollbarsize]=”12″
[selectionmode]=”‘multiplerowsextended'” [selectedrowindex]=”‘4′” [showsortmenuitems]=”false” [handlekeyboardnavigation]=”handlekeyboardnavigation”
[showgroupmenuitems]=”false”>
</jqxGrid>

In typescript I written logic for, Add/Remove(show/Hide) column of the Grid. When I am loading my webpage that time whatever column is present that I can able to Reorder. But After showing a column dynamically by clicking the add button, That column i cant drag.
ANy solution for this?

[HristoParticipant]

Hello govi-p,

I tested an example with your settings based on the “Show/Hide Columns” demo and it seems to work fine.
It looks like the reason of this issue is contained in one of your additional implementations – spotColorGridOnRowSelect, spotColorGridOnRowClick, spotColorGridOnBindComplete and handlekeyboardnavigation.
You could try to check them. If exclude one by one and check the result.
I would like to ask you is there any error message?

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts