Everpresentrow cell behavior when hiding a column

[ekramer17Participant]

Having an issue with the everpresentrow. I have a jqxGrid that has an everpresentrow at the top. When I resize a column, everything works as expected, i.e. the corresponding cell in the everpresent row is resized along with the column. However, when I *hide* the column, the corresponding cell in the everpresentrow is not hidden, and the cells in the everpresentrow now do not line up with their respective columns, which makes things look confusing.

When I hide/show a column, is there a way that I can hide/show the appropriate everpresentrow cell along with it?

JSFiddle – Click button to hide the Product column

Thank you!

Eric

[ChristopherParticipant]

Hi ekramer17,

Yes, it’s possible to accomplish that. All you have to do is re-render the everpresent row. This can be done by calling the “showeverpresentrow” function on the grig, like this:

$('button').on('click', function() {
     $('#jqxgrid').jqxGrid({ showeverpresentrow: false}); 
     $("#jqxgrid").jqxGrid('hidecolumn', 'productname');
     $('#jqxgrid').jqxGrid({ showeverpresentrow: true}); 
 })

I also updated your jsfiddle example to accommodate the changes.
https://jsfiddle.net/q7dvec2c/12/

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[ekramer17Participant]

Fantastic. Thank you, Christopher!

[Author]

Posts