用css控制datagrid的样式
尽管系统提供了几种可以直接套用的样式,但是多数情况还是需要自己写css样式,我的问题是实现下面的这种样式,怎么写css,不用我还在datagrid里面添加“bordercolor=black”?
我弄了好久没有弄出来,最终也没有完全把样式添加到css文件里面,我的实现办法是
1,在datagrid里面添加 “bordercolor=black”
2,
<
ItemStyle CssClass
=
"
dg_item
"
></
ItemStyle
><
HeaderStyle CssClass
=
"
dg_header
"
></
HeaderStyle
>
3,css样式为:
![someday001.jpg](https://i-blog.csdnimg.cn/blog_migrate/58d68847842e4995ed54cf00a8774701.jpeg)
我弄了好久没有弄出来,最终也没有完全把样式添加到css文件里面,我的实现办法是
1,在datagrid里面添加 “bordercolor=black”
2,
![None.gif](/Images/OutliningIndicators/None.gif)
1
.dg_item
2![ExpandedBlockStart.gif](/Images/OutliningIndicators/ExpandedBlockStart.gif)
{
}
{
3
color:#330099;
4
background-color:expression((this.sectionRowIndex%2==0)? '#E5ECF4' : '#F2F2F2' ) ;
5
border-width:1px;
6
border-color:#000000;
7
border-style:solid;
8
}
9
.dg_header
10![ExpandedBlockStart.gif](/Images/OutliningIndicators/ExpandedBlockStart.gif)
{
}
{
11
font-weight :bold ;
12
color:#000000;
13
background-color :#E5ECF4;
14
border-width: 1px;
15
border-color :#000000;
16
border-style :solid;
17![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
18
}
![None.gif](/Images/OutliningIndicators/None.gif)
2
![ExpandedBlockStart.gif](/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](/Images/OutliningIndicators/ContractedBlock.gif)
![dot.gif](/Images/dot.gif)
3
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
4
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
5
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
6
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
7
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
8
![ExpandedBlockEnd.gif](/Images/OutliningIndicators/ExpandedBlockEnd.gif)
9
![None.gif](/Images/OutliningIndicators/None.gif)
10
![ExpandedBlockStart.gif](/Images/OutliningIndicators/ExpandedBlockStart.gif)
![ContractedBlock.gif](/Images/OutliningIndicators/ContractedBlock.gif)
![dot.gif](/Images/dot.gif)
11
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
12
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
13
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
14
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
15
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
16
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
17
![InBlock.gif](/Images/OutliningIndicators/InBlock.gif)
18
![ExpandedBlockEnd.gif](/Images/OutliningIndicators/ExpandedBlockEnd.gif)