asp.net - GridView 行未显示在 IE 中

标签 asp.net css

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

/* 网格表 */
table.gridview { 边框折叠:折叠;边距:0px!重要;边框:#6593CF 1px 实心; }
.gridview td { 字体大小:11px;字体系列:Arial;颜色:#000000;光标:默认;文本对齐:左; }
.gridview th { 字体大小:11px;字体系列:Arial;颜色:#484848;光标:默认;文本对齐:左; }
table.gridview a { 颜色:#000000;文字装饰:无; }
table.gridview a:hover { 文字装饰:下划线; }

/* 标题行 */
tr.gridview_hdr { 背景颜色:#DEECFF; }
.gridview_hdr th { 颜色:黑色;字体粗细:正常;文本对齐:左;边框顶部:实心 1px #6593CF;边框底部:实心 1px #6593CF;左边框:实心 1px #6593CF;右边框:实心 1px #6593CF; padding-left: 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 a { text-decoration: underline; }

/* 交替元素行 */
tr.gridview_aitm { 背景颜色:#FFFFFF; }
.gridview_aitm td { 填充:2px 5px;右边框:#FFFFFF 0px 实心;边框顶部:#FFFFFF 1px 实心;左边框:#FFFFFF 0px 实心;边框底部:#ADD1FF 1px 实心; }
.gridview_aitm td a { text-decoration: underline; }

/* 寻呼行 */
tr.gridview_pgr { 宽度:100%;
字体系列:verdana;
字体粗细:粗体;
字体大小:11pt;
颜色:#ff9900;
}
.gridview_pgr td { background-image: url(/Monitor/App_Themes/Sugar2006/images/bg.gif);背景重复:重复-x;高度:23px;填充:0px;字体大小:10px;字体系列:Arial; }
.gridview_pgr_ddl { 字体大小:10px;字体系列:Arial; }
.gridview_pgr A{
字体系列:verdana;
字体大小:9pt;
文字装饰:无;
颜色:#0000ff;
}

这是我的 aspx 页面:

asp:网格 View
ID="GridView1"
runat="服务器"
CssClass="gridview"
RowStyle-CssClass="gridview_itm"
AlternatingRowStyle-CssClass="gridview_aitm"
HeaderStyle-CssClass="gridview_hdr"
PagerStyle-CssClass="gridview_pgr"
AutoGenerateColumns="假"
AllowPaging="True"PageSize="50"Width="100%"AllowSorting="True"
onsorting="GridView1_Sorting"onrowdatabound="gridView1_RowDataBound"
onpageindexchange="GridView1_PageIndexChanging">

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

谢谢你的帮助。

最佳答案

对于 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";
   };
}

关于asp.net - GridView 行未显示在 IE 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9422326/

相关文章:

c# - Windows 和 Linux 开发人员可以使用 C# 和 ASP.net 在同一个项目上合作吗?

javascript - 对 ASP.NET Web API 的跨域请求

asp.net - Silverlight 初始化错误 2110 Internet Explorer

asp.net - 快速撤消意外事件生成

html - 如何改变单选按钮的颜色

html - 在 IE 和 Chrome 中选取框不滚动到全文

html - Firefox 中的 CSS 顶部定位

javascript - 在 Angular 中过滤 ng-repeat

asp.net - Repeater.Items 上的 DataItem 始终为空

css - 如何使用列中的元素水平设置 <ul> 样式?