Grid column header whitespace

[Ajoy Ignatious]

Hi All,

I am using the radgrid boundcolumn and using the header-witdh and scrolling properties usestaticheader ="true" and allowscroll="true".But when the grid loads in the last column i have a whitespace .I tried setting the width manually.Still i am getting it.But when in remove the allowscroll in clientsetting whitespace is removed.

What could be the reason for the white space.

Thanks,

[Pavlina]

Hello Ajoy,

The problem you are facing is probably caused by browser inconsistencies. Please examine the code library below and let me know if this is the case:
http://blogs.telerik.com/dimodimov/posts/08-07-23/browser_inconsistencies_with_scrolling_and_padding.aspx

A possible workaround would be to create an image, which looks like the RadGrid header row and set it as a background image to the RadGrid outer div:

CSS

div.RadGrid_[SkinName]
{
     background: url(.....) 100% 0 repeat-x;
}

Regards,
Pavlina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Ajoy Ignatious]

Dear Pavlina,

I worked around your solution .But still i am getting the same whitespace.
Please suggest me some other way .I am using IE 6 .

 <asp:UpdatePanel runat="server" id="updBeamReport">
        <contenttemplate>
            <TABLE style="FONT-SIZE: 11px; WIDTH: 100%; FONT-FAMILY: Verdana" border=0>
                <TBODY>
                    <TR class="TRHeader">
                        <TD align=center colSpan=6>
                            <SPAN>Beam Product Marking Details</SPAN>
                        </TD>
                   </TR>
                   <TR>
                        <TD style="WIDTH: 10%">
                            <asp:Label id="lblCustomer" runat="server" Text="Customer" cssClass="label">
                            </asp:Label>
                        </TD>
                        <TD colSpan=2>
                            <telerik:RadComboBox id="ddlRadCustomer" OnSelectedIndexChanged="ddlRadCustomer_SelectedIndexChanged" width="80%" MarkFirstMatch="true" Runat="server" AutoPostBack="true" Skin="Outlook" >
                            </telerik:RadComboBox>
                        </TD>
                        <TD style="WIDTH: 10%">
                            <asp:Label id="lblContract" runat="server" Text="Contract" cssClass="label">
                            </asp:Label>
                        </TD>
                        <TD style="WIDTH: 25%">
                            <telerik:RadComboBox id="ddlRadContract" runat="server" OnSelectedIndexChanged="ddlRadContract_SelectedIndexChanged" MarkFirstMatch="true" AutoPostBack="true" Skin="Outlook">
                                <Items > <telerik:RadComboBoxItem Text ="<- All ->" /> </Items>
                            </telerik:RadComboBox>
                        </TD>

                        <TD style="WIDTH: 5%">
                        </TD>
                   </TR>
                   <TR>
                        <TD>
                               <asp:Label id="lblProject" runat="server" Text="Project" cssClass="label">
                               </asp:Label>
                        </TD>
                        <TD>
                              <telerik:RadComboBox id="ddlRadProject" runat="server" MarkFirstMatch="true" AutoPostBack="true" Skin="Outlook"> <Items><telerik:RadComboBoxItem Text ="<- All ->" /></Items><HeaderTemplate>
                                <table cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width ="50%">
                                            Project ID</td>
                                        <td width ="50%">
                                            Description</td>
                                    </tr>
                                </table>
                            </HeaderTemplate>
                            <ItemTemplate>
                                <table cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width ="50%">
                                            <%#DataBinder.Eval(Container.DataItem, "vchProjectCode")%>
                                        </td>
                                        <td width ="50%">
                                            <%#DataBinder.Eval(Container.DataItem, "vchProjectname")%>
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                           </telerik:RadComboBox>
                         </TD>
                         <TD>
                         </TD>
                         <TD>
                                <asp:Label id="Label1" runat="server" Text="Product Type" cssClass="label">
                                </asp:Label> </TD><TD><telerik:RadComboBox id="ddlRadProductType" runat="server" MarkFirstMatch="true" AutoPostBack="true" Skin="Outlook"><Items><telerik:RadComboBoxItem Text="<- All->" /></Items></telerik:RadComboBox>
                         </TD>
               </TR>
               <TR>
                    <TD align=center colSpan=5>
                            <asp:Button id="btnShowList" runat="server" Text="Show List">
                            </asp:Button>
                    </TD>
               </TR>
               <TR>
                    <TD style="HEIGHT: 30px">
                    </TD>
               </TR>
               <TR>
               <TD colSpan=6>
               <div>
               <asp:Panel id="pnlReport" runat="server" Height="300px" Width="100%" ScrollBars="Auto" >

                     <telerik:RadGrid id="gvRadReport"  AllowFilteringByColumn="True"    AllowPaging="true"   runat="server" OnNeedDataSource="gvRadReport_NeedDataSource"
                     AllowMultiRowSelection="true" AutoGenerateColumns="false" AllowSorting="true"     Font-Size="XX-Small"  Skin="Outlook" Width="100%" Height="300px" >
                            <ClientSettings   AllowColumnsReorder="True"  ReorderColumnsOnClient = "true" Scrolling-UseStaticHeaders ="true" Scrolling-AllowScroll="true"  >

                            </ClientSettings>

                                    <MasterTableView TableLayout="Fixed"  ><Columns>
                                        <telerik:GridTemplateColumn HeaderText="Selection" UniqueName="TemplateColumn" ShowFilterIcon="false"  AllowFiltering="false"   HeaderStyle-Width="10%">
                                                <HeaderTemplate>
                                                    <asp:CheckBox  id="chkSelectAll" OnCheckedChanged="ToggleSelectedState" AutoPostBack="True"  runat="server"  ></asp:CheckBox>
                                                    </HeaderTemplate>

                                                        <ItemTemplate >
                                                            <asp:CheckBox id="chkSelection" OnCheckedChanged="ToggleRowSelection" AutoPostBack="True"   runat="server"  ></asp:CheckBox>
                                                        </ItemTemplate>
                                                    <HeaderStyle HorizontalAlign="Center" Width="5%"></HeaderStyle>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridBoundColumn DataField="vchCustomerName" HeaderText="Customer Name"  SortExpression="vchCustomerName" UniqueName="vchCustomerName" >
                                                <HeaderStyle HorizontalAlign="Center" Width="14%"> </HeaderStyle>

                                                <ItemStyle HorizontalAlign="Center" ></ItemStyle>
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn DataField="vchContractNumber" HeaderText="Contract Number" SortExpression="vchContractNumber" UniqueName="vchContractNumber" >
                                                <HeaderStyle HorizontalAlign="Center" Width="14%"></HeaderStyle>

                                                <ItemStyle HorizontalAlign="Center" ></ItemStyle>
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn DataField="vchProjectCode" HeaderText="Project Code" SortExpression="vchProjectCode" UniqueName="vchProjectCode" >
                                                <HeaderStyle HorizontalAlign="Center" Width="14%"></HeaderStyle>

                                                <ItemStyle HorizontalAlign="Center" ></ItemStyle>
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn DataField="vchProductType" HeaderText="Product Type" SortExpression="vchProductType" UniqueName="vchProductType"  >
                                            <HeaderStyle HorizontalAlign="Center" Width="14%" ></HeaderStyle>

                                            <ItemStyle HorizontalAlign="Center" ></ItemStyle>
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn DataField="vchGroupMarkingName" HeaderText="GroupMarking Name" SortExpression="vchGroupMarkingName" UniqueName="vchGroupMarkingName">
                                            <HeaderStyle HorizontalAlign="Center" Width="14%"></HeaderStyle>

                                            <ItemStyle HorizontalAlign="Center" ></ItemStyle>
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn DataField="tntGroupRevNo" HeaderText="GroupMarking Revision" SortExpression="tntGroupRevNo" UniqueName="tntGroupRevNo" >
                                            <HeaderStyle HorizontalAlign="Center" Width="14%"></HeaderStyle>

                                            <ItemStyle HorizontalAlign="Center" ></ItemStyle>
                                            </telerik:GridBoundColumn >
                                            <telerik:GridBoundColumn DataField="intGroupMarkId" HeaderText="GroupMarkId" SortExpression="intGroupMarkId" UniqueName="intGroupMarkId"  Visible="false"  >
                                            <HeaderStyle HorizontalAlign="Center"></HeaderStyle>

                                            <ItemStyle HorizontalAlign="Center" ></ItemStyle>
                                            </telerik:GridBoundColumn>
                </Columns>
                </MasterTableView>
                </telerik:RadGrid> </asp:Panel>
                </div>
                </TD></TR><TR><TD style="HEIGHT: 13px" align=center colSpan=6><asp:Button id="btnShow" runat="server" Text="Show"></asp:Button> </TD></TR><TR><TD align=center colSpan=6><asp:UpdateProgress id="PageProgress" runat="server" AssociatedUpdatePanelID="updBeamReport">
        <ProgressTemplate>
        <table>
            <tr>
                <td>
                <asp:Image runat="server" ImageUrl="~/images/Progress.gif" Height="20px" Width="20px" ID="imgWait" meta:resourcekey="imgWaitResource1"></asp:Image>
                </td>
                <td><span>
                <asp:Label runat="server" Text="Processing...Please Wait!" ID="lblProcessingAnim" meta:resourcekey="lblProcessingAnimResource1"></asp:Label>
                </span></td>
            </tr>
        </table>
        </ProgressTemplate>
        </asp:UpdateProgress> </TD></TR></TBODY></TABLE>
</contenttemplate>
    </asp:UpdatePanel>
</asp:Content>

Thanks,
Ajoy

[Pavlina]

Hello Ajoy,

Please, go through the following forum thread which elaborates on this matter and let me know if it helps to resolve the problem:
http://www.telerik.com/community/forums/aspnet-ajax/grid/272176-radgrid-issues.aspx

Best wishes,
Pavlina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.