Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
2617
IgGrid, Responsive: change column width with verticalRendering disabled
posted

Hello

We are trying to create a grid that is responsive. We are using the responsive feature for this and it kind of works. 
Except we want to change the width of a column when the grid enters responsive mode. 

We have following setup: http://jsfiddle.net/k3759o0c/13/ 

As you can see we have 4 columns:

  • ID: 25%, hidden on mobile
  • Name: 40%, shown on mobile
  • Title: 10%, shown on mobile
  • Phone: 25%, hidden on mobile

When changing into responsive mode these percentages are still in play, but the last visible column takes all available width (being Title here). So Title becomes larger than Name, while the opposite should be true.

Is there any way to solve this? Like changing the width of the columns when entering responsive mode?

Thank you!