<telerik:RadGrid ID="RadGridAnuidades" ValidationSettings-ValidationGroup="grid"
                                    runat="server" OnDataBound="RadGridAnuidades_DataBound" CellSpacing="0" GridLines="None"
                                    AllowAutomaticUpdates="True" DataSourceID="SqlDataSourceUpdateAnuidades" OnNeedDataSource="RadGridAnuidades_NeedDataSource">
                                    <ValidationSettings ValidationGroup="grid"></ValidationSettings>
                                    <MasterTableView AutoGenerateColumns="False" DataKeyNames="CódigoSócio,Ano" EditMode="InPlace"
                                        DataSourceID="SqlDataSourceUpdateAnuidades">
                                        <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                                        <Columns>
                                            <telerik:GridBoundColumn DataField="CódigoSócio" Visible="false" DataType="System.Int32"
                                                FilterControlAltText="Filter CódigoSócio column" HeaderText="CódigoSócio" ReadOnly="True"
                                                SortExpression="CódigoSócio" UniqueName="CódigoSócio">
                                            </telerik:GridBoundColumn>
                                           
                                            <telerik:GridTemplateColumn DataField="Valor" DataType="System.Decimal" FilterControlAltText="Filter Valor column"
                                                HeaderText="Valor" SortExpression="Valor" UniqueName="Valor">
                                                <EditItemTemplate>
                                                    <telerik:RadNumericTextBox ID="RadNumericTextBoxValor" runat="server" Type="Currency"
                                                        Culture="pt-BR" Text='<%# Bind("Valor") %>'>
                                                        <NumberFormat GroupSeparator="." DecimalSeparator="," />
                                                    </telerik:RadNumericTextBox>
                                                    <asp:RequiredFieldValidator ValidationGroup="grid" ID="requiredfieldvalidatorValor"
                                                        runat="server" ControlToValidate="RadNumericTextBoxValor" CssClass="failureNotification"
                                                        ErrorMessage=" *">
                                                    </asp:RequiredFieldValidator>
                                                </EditItemTemplate>
                                                <ItemTemplate>
                                                    <asp:Label ID="ValorLabel" runat="server" Text='<%# Bind("Valor", "{0:C2}") %>'></asp:Label>
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                                                <ItemStyle CssClass="MyImageButton" />
                                            </telerik:GridEditCommandColumn>
                                           
                                        </Columns>
                                     
                                    </MasterTableView>
                                    
                                </telerik:RadGrid>

Hi Telerik Team,

We have a requirement that the grid should fit in the page in such a way that the 
browser scrollbars should not appear.

We are dynamically creating the grid (i.e. programmatically in the code behind function DefineGridAttributes() (refer original function below),
(refer the attachments screenshot_1.jpg, screenshot_2.jpg)

This grid is being added into the placeholder control.
<! -- ASPX -- >
<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel">
 <div>
            <asp:PlaceHolder ID="plcHolderGridControl" runat="server"></asp:PlaceHolder>
        </div>
</telerik:RadAjaxPanel>

Then,in order to achieve the above requirement, we used the following properties and we were able to
succesfully fit the grid (width + height) in the page. (Refer attachments, screenshot_3.jpg and refer modified function below)

//-- setting width to the rad grid --
grid.Width = Unit.Percentage(97);
grid.ClientSettings.Scrolling.ScrollHeight = Unit.Percentage(100);//changed from fixed pixel to percentage

But, when we do a sort on the grid column, then the grid spills outside the border. (Please refer screenshot_4.jpg)

Also, if we move the grid scrollbars, then browser scrollbars appear. (Please refer screenshot_5.jpg )

Before applying these two properties (grid.Width and grid.ClientSettings.Scrolling.ScrollHeight),
everything was working fine.

Can anyone please suggest, if we could try something here?
(also the solution should take care of the monitor resolution)

Regards,
CSW Support

-----------------------------------------------

--------------------------------