thick border problem in hierarchical structures with Telerik RadGrid.

[Hiren]

Hi,
I am using a telerik radgrid(hierarchical structures) in that when i expand the child grid then the border thickness increases.this issue is only in google chrome and mozilla.

source code:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="test.ascx.cs"
    Inherits=".UserControls.test" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<div class="widget_container clearfix">
    <!-- menu bar starts -->
    <div class="wid_menu_bar clearfix">
        <div class="right">
            <div class="left">
                <img src="../../../App_Themes/images/wid_menubar_left.png" alt="Icon bar left image" /></div>
            <div class="wid_icons left">
                <ul>
                    <li><a href="#">
                        <img src="../../../App_Themes//images/add_ico.png" alt="Add" class="v_middle" />&nbsp;<asp:Label
                            ID="lblFilter" runat="server" Text="Filter"></asp:Label></a></li>
                    <li><a href="#">
                        <img src="../../../App_Themes/images/edit_ico.png" alt="Edit" class="v_middle" />&nbsp;<asp:Label
                            ID="lblPrint" runat="server" Text="Print"></asp:Label></a></li>
                    <li><a href="#" onclick="javascript:openWin('#', 490, 630,'test');">
                        <img src="../../../App_Themes/images/add_ico.png" alt="Add" class="v_middle" />&nbsp;<asp:Label
                            ID="lblAdd" runat="server" Text="Add"></asp:Label></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- menu bar ends -->
    <!-- widget content starts -->
    <center>
        <div id="pop_middle" class="wid_middle">        
            <telerik:RadGrid ID="RadGrid3" Visible="true" runat="server" Width="90%" ShowStatusBar="true"
                GridLines="Vertical"   AutoGenerateColumns="False"
                PageSize="5" AllowSorting="True" AllowMultiRowSelection="False" AllowPaging="True"
                PagerStyle-Position="Bottom">
                <SortingSettings EnableSkinSortStyles="false" />
                <MasterTableView AllowNaturalSort="false" HierarchyDefaultExpanded="false" HierarchyLoadMode="Client">
                    <DetailTables>
                        <telerik:GridTableView AllowPaging="False" CommandItemDisplay="None">
                            <Columns>
                                <telerik:GridBoundColumn UniqueName="CT_1" HeaderText="Custom Field 1" HeaderButtonType="TextButton"
                                    DataField="CT_1" AllowSorting="false">
                                </telerik:GridBoundColumn>
                                <telerik:GridTemplateColumn HeaderText="Custom Field 2" UniqueName="CT_2" DataField="CT_2">
                                </telerik:GridTemplateColumn>
                                <telerik:GridBoundColumn HeaderText="Custom Field 3" UniqueName="Unit" HeaderButtonType="TextButton"
                                    DataField="CT_3">
                                </telerik:GridBoundColumn>
                            </Columns>
                        </telerik:GridTableView>
                    </DetailTables>
                    <Columns>
                        <telerik:GridBoundColumn HeaderText="H 1" HeaderButtonType="TextButton" DataField="H1"
                            UniqueName="VisitDate">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="H 2" HeaderButtonType="TextButton" DataField="H2"
                            UniqueName="VisitType">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderText="H 3" HeaderButtonType="TextButton" DataField="H3"
                            UniqueName="ProviderUserId">
                        </telerik:GridBoundColumn>
                        <telerik:GridButtonColumn UniqueName="ibtnDelete" HeaderText="Delete" ImageUrl="~/App_Themes/Bari_Default/images/delete_ico.png"
                            ButtonType="ImageButton" CommandName="Delete" ConfirmDialogType="RadWindow" ItemStyle-CssClass="edit_deletecol_width">
                            <HeaderStyle CssClass="edit_deletecol_width" />
                        </telerik:GridButtonColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>
   
        </div>
    </center>


</div>

Code Behind:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;


namespace BariAnalyticsEHR.ProtoType.UserControls.Patient.test
{
    public partial class test: System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                RadGrid3.DataSource = createDataTable();
            }
        }
        private DataTable createDataTable()
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("CT_1");
            dt.Columns.Add("CT_2");
            dt.Columns.Add("CT_3");


            DataRow dr = dt.NewRow();
            dr["CT_1"] = "Reason Reason ";
            dr["CT_2"] = "2011";


            dr["CT_3"] = "dummy";
            dt.Rows.Add(dr);       


            return dt;
        }
    }
}

[Shinu]

Hi Hiren,

Please try the following CSS.

CSS:

.rgMasterTable td
{
     border-right-width:0px !important;
     border-left-width:0px !important;
}

Thanks,
Shinu.