expandable grid width is set according to the page width and not able to change it

[bhrugs]

http://ui-grid.info/docs/#/tutorial/216_expandable_grid

How to create this issue-

1. expand the main row, (you will see the expanded grid)
2. the width of the expandable grid is set as the window size, so if I resize the browser window the horizontal scroll bar disappears,expandable grid misses the last column and on making the browser window full screen, state wont come back.

this issue is being faced in my project.

1] viewable grid area(of expandable grid), which is full of columns, will be the width of the window(every column fits in screen - even if I have 50 columns),
2] total width of the expandable grid is the grid of the main grid,
.grid1438893583543 .ui-grid-render-container-body .ui-grid-viewport {

}
3] in case of resizing the window, it is messed up, when i zoom out or zoom in

[Bitopi]

I am also facing the same issue in my project. The expandable grid is not responsive, when the page is resized the expandable grid is messing up. Is there any solution for it?