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

radgrid header is not displaying properly

1 Answer 98 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Raj
Top achievements
Rank 1
Raj asked on 21 Sep 2010, 09:55 PM
HI,

In my radgrid, header is not displaying properly. on the right hand side. there is space coming there with a horizontal line. (see the image) How to remove this?

.rgRow td
{
    border-bottom: 1px dotted #aaaaaa !important;
    border-bottom-style: dotted !important;
    border-bottom-width: inherit !important;
}
.rgAltRow td
{
    border-bottom: 1px dotted #aaaaaa !important;
    border-bottom-style: dotted !important;
    border-bottom-width: inherit !important;
}
.rgPageFirst, .rgPagePrev, .rgPageNext, .rgPageLast
{
    display: none !important;
}
div.RadGrid_Default .rgHeader, div.RadGrid_Default th.rgResizeCol
{
    background-image: none !important;
}

i tried in this way but it didn't work....

Here is my grid

<div style="width: 100%; height: 650px; overflow: auto; overflow-y: hidden">
    <telerik:RadGrid ID="gvPjtMnt" runat="server" Height="645px" Width="99%" AutoGenerateColumns="false"
        BorderWidth="2px" BorderStyle="Solid" BackColor="White" AllowPaging="True" PagerStyle-AlwaysVisible="true"
        PageSize="20" AllowSorting="True" AllowFilteringByColumn="false" OnNeedDataSource="gvPjtMnt_OnNeedDataSource"
        OnItemCommand="gvPjtMnt_ItemCommand" OnItemCreated="gvPjtMnt_ItemCreated" OnItemDataBound="gvPjtMnt_ItemDataBound">
        <HeaderStyle Height="20px" BackColor="#004000" Font-Size="8pt" Font-Bold="True" ForeColor="White"
            HorizontalAlign="Center" BorderColor="White" BorderWidth="1px" />
        <AlternatingItemStyle Font-Size="8pt" BackColor="#F5F5E9" HorizontalAlign="Center"
            BorderWidth="1px" BorderColor="White" />
        <ItemStyle HorizontalAlign="Center" />
        <ExportSettings ExportOnlyData="true" IgnorePaging="true" FileName="Project Management">
        </ExportSettings>
        <MasterTableView GridLines="None" CommandItemDisplay="Top" DataKeyNames="ProjectId"
            HorizontalAlign="Center">
            <CommandItemTemplate>
                <table style="width: 100%">
                    <tr>
                        <td align="right">
                            Total Records found: <asp:Label ID="lblTotRecCount" runat="server" Font-Bold="True"
                                Font-Size="10pt" ForeColor="Black" Text="0"></asp:Label>
                        </td>
                        <td align="right" style="width: 2%">
                            <asp:ImageButton ID="lnkExportAll" ImageUrl="~/images/Excel.png" ToolTip="Export All"
                                runat="server" OnClick="ExportAll_Click" />
                        </td>
                        <td align="right" style="width: 1%">
                               
                            <asp:ImageButton ID="ExportToExcelButton" runat="server" ImageUrl="~/images/ExportToExcel.gif"
                                ToolTip="Export to Excel" OnClick="ExportExcel_Click" />
                        </td>
                    </tr>
                </table>
            </CommandItemTemplate>
            <Columns>
            .... few columns here ......
            </Columns>
            <ItemStyle ForeColor="#3C5F22" Font-Size="8pt" BackColor="White" BorderWidth="0px"
                BorderColor="White" />
            <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />
        </MasterTableView>
        <ClientSettings AllowColumnsReorder="true">
            <%--<ClientEvents OnGridCreated="GridCreated" />--%>
            <Scrolling AllowScroll="true" UseStaticHeaders="true" />
            <Resizing AllowColumnResize="true" EnableRealTimeResize="false" ResizeGridOnColumnResize="false"
                AllowRowResize="false" />
        </ClientSettings>
    </telerik:RadGrid>
</div>

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 22 Sep 2010, 01:05 PM
Hello Raj,

Use the following:

div.RadGrid  .rgHeaderDiv
{
        background: none transparent ;
}

You can set some different background color if you like.


Best wishes,
Dimo
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
Raj
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or