Grid columns do not grow/shrink with grid state feature

[palrajarockiaraj]

The grid columns do not grow/shrink when the state of the grid is saved and the size of the grid has been changed manually using a splitter component.

[ddaribo]

Hello @palrajarockiaraj,

In an effort to reproduce the described scenario, I created this sample demonstrating an IgxGrid nested within a horizontal IgxSplitterPane in addition to the state-persistence feature.
Moreover, the columns widths are set to percentage values, such that the initial number of columns take up the entire available space in the grid. As you will see, they do grow and shrink when resizing the grid with the splitter (as its width is set to 100% of the parent container). Additionally, this behavior is also present after saving and restoring the grid state:

Hence, I am wondering what are the columns sizing settings in your app in this case? Is it possible that when restoring the state, their width settings get overridden to something else?
Regarding column sizing and the available options, I can suggest reviewing this section of the IgxGrid Sizing documentation.

In conclusion, please, check out the referenced resources and let me know if you still need assistance on the matter. If so, please, provide more information about your configuration. Ideally, you could fork and modify the above referenced sample with only the relevant code in order to reproduce the issue. Having a working sample on our side, which we can debug will be highly appreciated so that we can proceed with assisting you.

[palrajarockiaraj]

The issue happens when the columns' widths are set in pixels instead of percentages.

I created this sample by forking and modifying it as per my requirement.

The columns do not grow to occupy the available width when the grid's width grows.

[ddaribo]

Hi @palrajarockiaraj,

Thank you for following up!

According to the previously referenced Column sizing section in the Grid Sizing documentation topic, when a pixel width is set to columns:

"they stick to that size, unless they are resized manually. Since the combined width of the columns is static, it can be less than the IgxGrid width or exceed it."

, which means that what you are observing is expected and by design.

If you like to achieve a behavior, where the columns grow and shrink along with the grid width, setting percentage values is the approach to adopt.