JQXGrid Column Navigation

[mithun joshiMember]

Hi All,

I want to have column wise navigation for my grid.

Suppose my grid has total of 20 columns and have “Previous” and “Next” buttons for pagination.
By default only first 10 columns of total 20 columns should be displayed.

On click of “Next” button first 10 column should get hide and columns from 11 to 20 should get displayed.
Similar action to happen on click of “Previous” button.

I tried using java “for loop” to hide/unhide the columns but its too slow.

for(var i=0;i<=10;i++){
$("#dataGrid").jqxGrid('hidecolumn',colDataFieldArray[i]);
}

for(var i=10;i<colDataFieldArrayLength;i++){
$("#dataGrid").jqxGrid('showcolumn',colDataFieldArray[i]);
}

Kindly suggest the best way to achieve Column wise navigation.

Thanks in advance.

[Peter StoevKeymaster]

Hi mithun joshi,

You should use “beginupdate” and “endupdate” of the Grid before and after your loops. Otherwise, you will end up with 11 unnecessary re-renders instead of just 1.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[mithun joshiMember]

Thanks Peter,

Your reply helped me.

Thanks Again.

[frank1russoParticipant]

Is there a column hiding/unhiding feature similar to what has?

[Peter StoevKeymaster]

Hi frank1russo,

Show/Hide columns demo is available on our website. The features which we have are demonstrated online.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts