GridView行不在IE中显示

我正在开发一个asp页面，并且GridView GridLines没有在IE中显示，但它显示在Firefox和Chrome上。 IE端需要做些什么？这是我的GridView的css文件：GridView行不在IE中显示

 
     /* 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控件属性。我在做什么错？

感谢您的帮助。

来源

2012-02-23 Nick Manojlovic

如果您发布原始HTML，那么我们这些无法读取ASPX的人可以提供帮助。 – KatieK 2012-02-23 22:31:45

我没有HTML代码，所有可用于此问题的asp.net代码。 – 2012-02-23 22:45:48

当然，Firefox，Chrome和IE正在阅读HTML？ – KatieK 2012-02-23 22:48:18

使用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"; 
    }; 
}

来源

2012-02-24 00:33:03 IrishChieftain

这仍然不显示网格线:( – 2012-02-27 14:38:49

更新的答案 - 这应该工作，但评论首先将样本中的所有CSS - 过度杀伤。 – IrishChieftain 2012-02-27 15:07:07

仅供参考...我将代码移至RowDataBound处理程序，但原始代码应该适用于您，这就是为什么我建议注释掉上面示例中的所有CSS，或者更好的是，用网格创建一个简单的测试页面:) – IrishChieftain 2012-02-27 15:52:55

GridView行不在IE中显示

回答

相关问题