IE 中不显示 GridView 行

Question

我正在开发一个 asp 页面，并且 GridView GridLines 没有显示在 IE 中，但它显示在 Firefox 和 Chrome 上。是否需要为 IE 端做一些具体的事情。 这是我的 GridView 的 css 文件：

/* 网格表 */ table.gridview { 边框折叠：折叠；边距：0px！重要；边框：#6593CF 1px 实心； } .gridview td { 字体大小：11px;字体系列：宋体；颜色：#000000；光标：默认；文本对齐：左； } .gridview th { 字体大小：11px;字体系列：宋体；颜色：#484848；光标：默认；文本对齐：左； } table.gridview a { 颜色：#000000;文字装饰：无； } table.gridview a:hover { 文本装饰：下划线； } /* 标题行 */ tr.gridview_hdr { 背景颜色：#DEECFF; } .gridview_hdr th { 颜色：黑色；字体粗细：正常； text-align: left;border-top:solid 1px #6593CF;边框底部：实心 1px #6593CF；左边框：实心 1px #6593CF；右边框：实心 1px #6593CF;左填充：5px； padding-right: 5px;填充顶部：2px；底部填充：2px； } .gridview_hdr th a { 颜色：#000000;文字装饰：无；字体粗细：粗体； } .gridview_hdr th a:hover { 颜色: #000000;文字装饰：下划线； } /* 项目行 */ tr.gridview_itm { 背景颜色：#FFFFFF; } .gridview_itm td { 填充：2px 5px;右边框：#FFFFFF 0px 实心；边框顶部：#FFFFFF 1px 实心；左边框：#FFFFFF 0px 实心；边框底部：#ADD1FF 1px 实心； } .gridview_itm td { 文本装饰：下划线； } /* 交替项目行 */ tr.gridview_aitm { 背景颜色：#FFFFFF; } .gridview_aitm td { 填充：2px 5px;右边框：#FFFFFF 0px 实心；边框顶部：#FFFFFF 1px 实心；左边框：#FFFFFF 0px 实心；边框底部：#ADD1FF 1px 实心； } .gridview_aitm td { 文本装饰：下划线； } /* 寻呼机行 */ tr.gridview_pgr { 宽度：100%； 字体系列：verdana； 字体粗细：粗体； 字体大小：11pt； 颜色：#ff9900； } .gridview_pgr td { background-image: url(/Monitor/App_Themes/Sugar2006/images/bg.gif);背景重复：重复-x；高度：23px；填充：0px；字体大小：10px；字体系列：宋体； } .gridview_pgr_ddl { 字体大小：10px;字体系列：宋体； } .gridview_pgr A{ 字体系列：verdana； 字体大小：9pt； 文字装饰：无； 颜色：#0000ff； }

这是我的 aspx 页面：

asp:网格视图 ID="GridView1" 运行=“服务器” CssClass="gridview" RowStyle-CssClass="gridview_itm" AlternatingRowStyle-CssClass="gridview_aitm" HeaderStyle-CssClass="gridview_hdr" PagerStyle-CssClass="gridview_pgr" AutoGenerateColumns="假" AllowPaging="True" PageSize="50" 宽度="100%" AllowSorting="True" onsorting="GridView1_Sorting" onrowdatabound="gridView1_RowDataBound" onpageindexchange="GridView1_PageIndexChanging">

我在 GridView 属性上也有 GridLines = "Both"。 我究竟做错了什么？

感谢您的帮助。

Answer 1

对于 GridView，声明性边框颜色属性添加了一个内联样式声明，该声明仅适用于表格本身，而不适用于单个单元格。

以编程方式添加边框颜色属性不使用内联样式，而是使用 HTML 边框颜色属性，浏览器将其应用于表格内的所有边框。

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