首页 文章

GridView行没有出现在IE中

提问于
浏览 次
2

我正在开发一个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” . 我究竟做错了什么？

谢谢你的帮助 .

asp.net css

1 回答

  • 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";
   };
}
    回复于

相关问题