This is a migrated thread and some comments may be shown as answers.

Grid column header whitespace

3 Answers 158 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ajoy Ignatious
Top achievements
Rank 1
Ajoy Ignatious asked on 31 Mar 2010, 06:54 AM
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,

3 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 31 Mar 2010, 01:32 PM
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.
0
Ajoy Ignatious
Top achievements
Rank 1
answered on 31 Mar 2010, 01:59 PM
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
0
Pavlina
Telerik team
answered on 02 Apr 2010, 11:10 AM
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.
Tags
Grid
Asked by
Ajoy Ignatious
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Ajoy Ignatious
Top achievements
Rank 1
Share this question
or