Responsive grid

[atmaneuler]

I have a issue:
- My grid initially looked like image 1.
- After I click the show left-menu button (red square) left-menu (yellow square) appears, I push the content in my grid to overflow (green square)(Image 2). But when I click on the reset grid button (green square) my grid looks like in image 3.
- I set width colums: Model Name(minWidth: 400), Art.No(maxWidth: 400), SO.No(maxWidth: 400), Factory Name(minWidth and maxWidth: 230), SO.Qty(minWidth and maxWidth: 243), Setting MTR(minWidth and maxWidth: 243), SDD(width: '100%') and Grid have width: 'auto'.

Expectations: My grid automatically scales when left-menu appears or across a larger or smaller PC screen without having to press the reset button.

[paramvir]

Please note that width: 'auto' controls the outer width of the pqgrid and it has nothing to do with column widths of the grid.

Please share what's the code of your reset button?

You can also try width: '100%' instead of width: 'auto' but kindly share a small test case on jsfiddle / stackblitz if still not getting expected results.