We are using igGrid inside of a step-by-step wizard based on SmartWizard (http://techlaboratory.net/jquery-smartwizard)It only shows the current active step, the others have css style "display: none;".
Hiding the grid druing intialization seems to break the igGridFixing feature, as demonstrated here:jsfiddle.net/.../
Hello Ben,
Thank you for posting in our community.
I have created a small sample trying to reproduce the described behavior. I am using igGrid with ColumnFixing feature enabled with the latest version of Ignite UI for jQuery. On my side everything works as expected and the columns stay fixed when the grid is hided and then showed with the display property. I am testing the sample in Edge, Chrome and Mozilla.
Attached you will find my sample for your reference. Please test it on your side and let me know how it behaves. If this is not an accurate demonstration of what you are trying to achieve, please feel free to modify it and send it back to me along with steps to reproduce. Alternatively, if the behavior cannot be replicated, please feel free to provide your own sample. Remove any external dependencies and code that is not directly related to the issue, zip your application and attach it in this case.
Having a working sample on my side, which I can debug, is going to be very helpful in finding the root cause of this behavior.
Please keep in mind that since the step-by-step wizard that you are using is not part of our products, handling an issues with it is beyond the scope of Infragistics Support.
Thank you for your cooperation.
Looking forward to hearing from you.
Regards, Viktor KombovEntry Level Software DeveloperInfragistics, Inc.
igGridColumnFixing.zip
Hi Viktor,Thanks for your reply.Sorry, I should have been more specific, it's the "isFixed" parameter that does not get applied.I cannot set a column to be automatically fixed without the user activating the feature.Please set the feature settings to this in your example:
features: [ { name: "ColumnFixing", fixingDirection: "left", columnSettings: [ { columnKey: "CompanyName", allowFixing: false, isFixed: true } ] } ]