GridView行没有出现在IE中

时间:2012-02-23 22:22:46

标签: asp.net css

我正在开发一个asp页面,并且GridView GridLines没有出现在IE中,但它出现在Firefox和Chrome上。是否需要为IE方面做一些特定的事情。 这是我的GridView的css文件:

        /* grid table */
        table.gridview { border-collapse: collapse; margin: 0px !important; border: #6593CF 1px solid; }
        .gridview td { font-size: 11px; font-family: Arial; color: #000000; cursor: default; text-align: left; }
        .gridview th { font-size: 11px; font-family: Arial; color:  #484848; cursor: default; text-align: left; }
        table.gridview a { color: #000000; text-decoration: none; }
        table.gridview a:hover { text-decoration: underline; }

        /* header row */
        tr.gridview_hdr { background-color: #DEECFF; }
        .gridview_hdr th { color: black; font-weight: normal; text-align: left;border-top: solid 1px #6593CF; border-bottom: solid 1px #6593CF; border-left: solid 1px #6593CF; border-right: solid 1px #6593CF; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; }
        .gridview_hdr th a { color: #000000; text-decoration: none; font-weight: bold; }
        .gridview_hdr th a:hover { color: #000000; text-decoration: underline; }

        /* item row */
        tr.gridview_itm { background-color: #FFFFFF; }
        .gridview_itm td { padding: 2px 5px; border-right: #FFFFFF 0px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 0px solid; border-bottom: #ADD1FF 1px solid; }
        .gridview_itm td a { text-decoration: underline; }

        /* alternating item row */
        tr.gridview_aitm { background-color: #FFFFFF; }
        .gridview_aitm td { padding: 2px 5px; border-right: #FFFFFF 0px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 0px solid; border-bottom: #ADD1FF 1px solid; }
        .gridview_aitm td a { text-decoration: underline; }

        /* pager row */
        tr.gridview_pgr { width : 100%;
                            font-family:verdana;
                            font-weight: bold;
                            font-size: 11pt;
                            color: #ff9900;                    
                        }
        .gridview_pgr td { background-image: url(/Monitor/App_Themes/Sugar2006/images/bg.gif); background-repeat: repeat-x; height: 23px; padding: 0px; font-size: 10px; font-family: Arial; }
        .gridview_pgr_ddl { font-size: 10px; font-family: Arial; }
        .gridview_pgr A{
            font-family:verdana;
            font-size: 9pt;
            text-decoration: none;
            color: #0000ff;                
            } 

这是我的aspx页面:

        asp:GridView 
            ID="GridView1" 
            runat="server" 
            CssClass="gridview" 
            RowStyle-CssClass="gridview_itm" 
            AlternatingRowStyle-CssClass="gridview_aitm" 
            HeaderStyle-CssClass="gridview_hdr" 
            PagerStyle-CssClass="gridview_pgr" 
            AutoGenerateColumns="False" 
            AllowPaging="True" PageSize="50" Width="100%" AllowSorting="True" 
            onsorting="GridView1_Sorting" onrowdatabound="gridView1_RowDataBound" 
            onpageindexchanging="GridView1_PageIndexChanging">

此外,我在GridView属性上有GridLines =“Both”。 我究竟做错了什么?

感谢您的帮助。

1 个答案:

答案 0 :(得分:5)

使用GridView,声明性bordercolor属性添加内联样式声明,该声明仅适用于表本身,而不是单个单元格。

以编程方式添加bordercolor属性不使用内联样式,而是使用HTML bordercolor属性,这些属性适用于表中的所有边框。

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
   foreach (TableCell tc in e.Row.Cells)
   {
     tc.Attributes["style"] = "border-color: #c3cecc";
   };
}