Restore column position in data grid

Hi,

I have a data grid with movable, sortable, pinnabe and hideable columns. I am working on a reset functionality for the grid, which resets every changes back to the default settings. Resetting for everything except column position seems pretty easy. Is there an option to restore the columns positions to its default, after they have been moved?

Hello Dom,

Thank you for contacting Infragistics Community!

I believe you will find the following sample I have prepared for you very helpful in order to understand how to reset the initial columns order. As you can observe in order to achieve that I save the initial grid state in the ngAfterViewInit lifecycle hook and when the user clicks the button I reset the state. Please keep in mind, as stated in the Limitations section our Grid State Persistence topic, that getState method uses JSON.stringify() method to convert the original objects to a JSON string. However, this does not support functions, that’s why the [IgxGridState] directive will ignore the columns formatter, filters, summaries, sortStrategy, cellClasses, cellStyles, cellTemplates and headerTemplates properties. It is up to the developer to keep track and restore those on application level, which is out of the scope of Infragistics Support. 

As you can observe, I have demonstrated a possible way of tracking and restoring the cell and header templates of the columns as well.

If this sample is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me for further investigation.

Looking forward to hearing from you.

Best Regards,
Martin Evtimov
Entry Level Software Developer
Infragistics, Inc.

Thanks for your answer, that was exactly what I was looking for!

Hello Dom,

I’m glad that you find the provided information helpful.

Best Regards,
Martin Evtimov
Entry Level Software Developer
Infragistics, Inc.