Rad Grid - Frozen Column - Inline Edit - White Space on Right Side

[pradip]

Hi

I can see many post on white space on right side of grid while using Frozen column. I tried suggestions on the other post but could not solved my problem so posting here... 

I am having grid in which first 2 columns are frozen.... and after that I am showing yearly data, could be for 1 - 12 (max 12 years data) years depending on user selection. If user selection is less than 12 years then hiding rest of the columns.... In the same grid I am having inline edit feature, so that user can add/edit values in same row.( I guess inline editing has nothing to do with this problem)

Problem I am facing - I am getting white space on right hand side of grid. Please see attachment and sample code as below...

Looking for solution as my project demand this frozen feature across application...  
Thanks,
Pradip

 <style type="text/css">
.rgDataDiv
        {
        height:auto !important;
        }
</style>

<div id="divGrid" runat="server" >
    <div class="column-full-wide">
        
        <table width="100%;" align="left">
            <tr>
                <td valign="top" align="left" class="dashboardHeading">
                    
                </td>
            </tr>
            <tr>
                <td align="left">
                    <div style="margin-top: 10px; margin-bottom: 10px; width:710px;">
                        <telerik:RadGrid runat="server" ID="radGridEL" AutoGenerateColumns="False"
                            OnUpdateCommand="radGridEL_UpdateCommand">
                            <MasterTableView runat="server" AllowCustomPaging="true" PageSize="25" EditMode="InPlace"
                                DataKeyNames="Trading_Program_Participant_Id" >
                                <HeaderStyle Width="100px" Font-Bold="true" ForeColor="White" />
                                <AlternatingItemStyle Height="40" CssClass="Caplimit_Cell" />
                                <ItemStyle Height="40" CssClass="Caplimit_Cell" />
                                <Columns>
                                    <telerik:GridBoundColumn HeaderText="Trading_Program_Participant_Id" DataField="Trading_Program_Participant_Id"
                                        ReadOnly="true" Visible="false">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridEditCommandColumn ButtonType="LinkButton" UpdateText="Update" CancelText="Cancel"
                                        EditText='Edit' UniqueName="EditLink">
                                    </telerik:GridEditCommandColumn>
                                    <telerik:GridBoundColumn UniqueName="Participant_Name" HeaderText="Participant Name"
                                        DataField="Participant_Name" Visible="false">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn UniqueName="Units" HeaderText="Units" DataField="Units"
                                        ReadOnly="true">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridTemplateColumn HeaderText="Year1">
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year1")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear1" runat="server" Text='<%# Bind("Year1")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn HeaderText="Year2">
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year2")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear2" runat="server" Text='<%# Bind("Year2")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn HeaderText="Year3">
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year3")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear3" runat="server" Text='<%# Bind("Year3")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn HeaderText="Year4">
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year4")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear4" runat="server" Text='<%# Bind("Year4")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn HeaderText="Year5">
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year5")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear5" runat="server" Text='<%# Bind("Year5")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn HeaderText="Year6">
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year6")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear6" runat="server" Text='<%# Bind("Year6")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn HeaderText="Year7">
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year7")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear7" runat="server" Text='<%# Bind("Year7")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn>
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year8")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear8" runat="server" Text='<%# Bind("Year8")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn>
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year9")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear9" runat="server" Text='<%# Bind("Year9")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn>
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year10")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear10" runat="server" Text='<%# Bind("Year10")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn HeaderText="Year11">
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year11")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear11" runat="server" Text='<%# Bind("Year11")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridTemplateColumn HeaderText="Year12">
                                        <ItemTemplate>
                                            <%#DataBinder.Eval(Container.DataItem, "Year12")%>
                                        </ItemTemplate>
                                        <EditItemTemplate>
                                            <telerik:RadTextBox ID="txtYear12" runat="server" Text='<%# Bind("Year12")%>'>
                                            </telerik:RadTextBox>
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                   
                                </Columns>
                            </MasterTableView>
                            <ClientSettings>
                                <Scrolling AllowScroll="true" FrozenColumnsCount="2" UseStaticHeaders="true" />
                            </ClientSettings>
                        </telerik:RadGrid>
                        
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>

[Princy]

Hello,

In order to remove the empty space, do one of the following:

1) set TableLayout as Fixed for the MasterTableView
2) set Width for the MasterTableView
3) set larger column widths

Thanks,
Princy.