Problem with page width Containing RadGrid

[Daniel]

Hello,

I'm currently working on a project with RadGrid.
The width of the grid needs to be exactly as the width the page. 

The Grid uses Ajax and wrapped with Div(#gridContainer).
I have defined the width of the grid like this with JS: 

$("#gridContainer .RadAjaxPanel").width(window.innerWidth);

The grid width is the same size as the window browser's width.
However, because the grid has many columns and an horizontal scroll-bar, the containing aspx Page also has a scroll-bar.
It seems that the page's width is as the grid's overall width (as it would be displayed without any horizontal scrolling).

How do I set the grid so that the dimensions of page will remain 100% and not exceed beyond?

Thanks,
Daniel.

[Niko]

Hello Daniel,

If you wish to remove the scrollbars visually you could set the overflow of the respective DOM element to hidden or visible. Nevertheless this may render the extending parts unreachable to the end user, which is not a good UX practice. Your best option will be to change the column numbers of the Grid so that it fits horizontally to the visible part of the page.

Generally speaking the UI layout should be built in a way that best demonstrates the problem that you will to solve with your web application.

Regards,
Niko
Telerik