radgrid header is not displaying properly

[Raj]

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>

[Dimo]

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