62,046
社区成员
发帖
与我相关
我的任务
分享DataGrid的css问题，高手帮忙啊～
原本在html代码里，我可以对td用css修饰，如同：
font-family: "宋体";
font-size: 12px;
color: #333333;
text-decoration: none;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #FFFFFF;
background-color: #e8e8e8;
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top;
padding-right: 2px;
padding-left: 2px;
虽然DataGrid里也有CssClass的属性，但是以上的都不能用到
有什么好方法可以实现吗？
font-family: "宋体";
font-size: 12px;
color: #333333;
text-decoration: none;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #FFFFFF;
background-color: #e8e8e8;
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top;
padding-right: 2px;
padding-left: 2px;
虽然DataGrid里也有CssClass的属性，但是以上的都不能用到
有什么好方法可以实现吗？
...全文
请发表友善的回复…
发表回复
Jinniu 2004-10-12
- 打赏
- 举报
不用自己写也能达到设置的目的！
Jinniu 2004-10-12
- 打赏
- 举报
你可以在属性生成器里面对你需要进行设置的部分进行设置！
vzxq 2004-10-12
- 打赏
- 举报
nod
jijl2001 2004-10-12
- 打赏
- 举报
早就想知道了，现在终于看到了
hanic 2004-10-12
- 打赏
- 举报
to wangdequan1024(紫夜) :
为什么我的一下css不能实现呢？
border-top-color: #CEE8F7;
border-right-color: #193269;
border-bottom-color: #193269;
border-left-color: #CEE8F7;
为什么我的一下css不能实现呢？
border-top-color: #CEE8F7;
border-right-color: #193269;
border-bottom-color: #193269;
border-left-color: #CEE8F7;
SuperFC 2004-10-12
- 打赏
- 举报
帮顶，mark一下
mazekui 2004-10-12
- 打赏
- 举报
楼上的可以，你先试试！
wangdequan1024 2004-10-12
- 打赏
- 举报
DataGrid应用样式文件定义动态样式
在ASP.NET开发过程中，DataGrid使用的频率是非常高的，对于DataGrid的样式来说大家普遍使用的是自定义不同的颜色来应用于DataGrid的Header, Footer, EditItem, SelectItem, Item, Page，然而如果在每个页面都要对上述样式逐个设置，工作效率可想而知了，估计一天也出不了几个页面，而且在VS.NET中一个最大的BUG就是当我们对已经定义好的DataGrid重新布置页面布局时，发觉其所有的事件会莫名其妙丢失。或许有时候我们只好使用VS.NET已经提供好的自动套用格式模板，但有时候我们必须，而且不由我们使用套用模板怎么办（比如客户的要求），下面我就讲解一下在DataGrid中应用样式文件来定义动态样式，这样就解决了当客户对一套颜色配套方案不满意时，可以花费几分钟的时间重新定义一套，是不是效率会提高很多。废话少说看看下面的css.css文件是怎么定义的
css.css文件内容：
.dg_header
{
font-weight :bold ;
color:#FFFFCC;
background-color :#990000;
border-width: 2px;
border-color :#CC9966;
border-style :solid;
}
.dg_alter
{
background-color :#FFE0C0;
border-left-color:Green;
border-width: 2px;
border-color :#CC9966;
border-style :solid;
}
.dg_item
{
color :#330099;
background-color:White ;
border-width:2px;
border-color :#CC9966;
border-style :solid;
}
.dg_page
{
border-width: 2px;
border-color :#CC9966;
border-style :solid;
}
接下来的工作就是要应用此样式文件到页面的DataGrid中了
首先在页面<HEAD></HEAD>之间插入下面的语句
<link href="css.css" type="text/css" rel="stylesheet">
然后选择页面上的DataGrid，改变需要应用样式属性值的CssClass
例如：
点击HeaderStyle属性左边的十字打开选项，给CssClass应用样式dg_header
最后绑定DataGrid看看是不是样式已经应用上了，如果没有应用上有两种可能
1、去掉系统自动套用样式
2、察看css.css文件是否定义正确
在ASP.NET开发过程中，DataGrid使用的频率是非常高的，对于DataGrid的样式来说大家普遍使用的是自定义不同的颜色来应用于DataGrid的Header, Footer, EditItem, SelectItem, Item, Page，然而如果在每个页面都要对上述样式逐个设置，工作效率可想而知了，估计一天也出不了几个页面，而且在VS.NET中一个最大的BUG就是当我们对已经定义好的DataGrid重新布置页面布局时，发觉其所有的事件会莫名其妙丢失。或许有时候我们只好使用VS.NET已经提供好的自动套用格式模板，但有时候我们必须，而且不由我们使用套用模板怎么办（比如客户的要求），下面我就讲解一下在DataGrid中应用样式文件来定义动态样式，这样就解决了当客户对一套颜色配套方案不满意时，可以花费几分钟的时间重新定义一套，是不是效率会提高很多。废话少说看看下面的css.css文件是怎么定义的
css.css文件内容：
.dg_header
{
font-weight :bold ;
color:#FFFFCC;
background-color :#990000;
border-width: 2px;
border-color :#CC9966;
border-style :solid;
}
.dg_alter
{
background-color :#FFE0C0;
border-left-color:Green;
border-width: 2px;
border-color :#CC9966;
border-style :solid;
}
.dg_item
{
color :#330099;
background-color:White ;
border-width:2px;
border-color :#CC9966;
border-style :solid;
}
.dg_page
{
border-width: 2px;
border-color :#CC9966;
border-style :solid;
}
接下来的工作就是要应用此样式文件到页面的DataGrid中了
首先在页面<HEAD></HEAD>之间插入下面的语句
<link href="css.css" type="text/css" rel="stylesheet">
然后选择页面上的DataGrid，改变需要应用样式属性值的CssClass
例如：
点击HeaderStyle属性左边的十字打开选项，给CssClass应用样式dg_header
最后绑定DataGrid看看是不是样式已经应用上了，如果没有应用上有两种可能
1、去掉系统自动套用样式
2、察看css.css文件是否定义正确
