是我以前用在一个项目中的,如有些地方不适用于你,你可以修改部分代码。
功能: 按列分色;
过长内容自动隐藏;
鼠标Over自动展开;
还有些什么我也不记得了。
使用方法:
1、下载HTC文件/Files/thinhunan/guidv2.rar;
2、定义以下样式
/*智能表格样式,在DataGrid设cssclass为Guid,
表头cssclass:GuidTH,表内容cssclass:GuidTD
Title为展开单无格时的样式*/
.Guid {
border-top:0pt solid white;
table-layout: fixed;
behavior:url(GuidV2.htc);
}
.GuidTH {
background-color: #5f9fd4;
height:21px;
color:white;
font-weight: bold;
}
.GuidTD {
height:25px;
padding-left:5px;
background-color: #eef2fe;
}
.Title {
position:relative;top:-2px;left:-2px;
border-bottom:1pt solid #93BEE2;
border-top:1pt solid #93BEE2;
border-left:buttonface 1px ridge;
border-right:buttonface 1px ridge;
z-index:0;
height:20;
font-size:14px;
background-color: #eef2fe;
padding-top:0;
padding-left:0;
padding-right:4px;
cursor:default;
}
表头cssclass:GuidTH,表内容cssclass:GuidTD
Title为展开单无格时的样式*/
.Guid {
border-top:0pt solid white;
table-layout: fixed;
behavior:url(GuidV2.htc);
}
.GuidTH {
background-color: #5f9fd4;
height:21px;
color:white;
font-weight: bold;
}
.GuidTD {
height:25px;
padding-left:5px;
background-color: #eef2fe;
}
.Title {
position:relative;top:-2px;left:-2px;
border-bottom:1pt solid #93BEE2;
border-top:1pt solid #93BEE2;
border-left:buttonface 1px ridge;
border-right:buttonface 1px ridge;
z-index:0;
height:20;
font-size:14px;
background-color: #eef2fe;
padding-top:0;
padding-left:0;
padding-right:4px;
cursor:default;
}
3、DataGrid应用样式:
<
asp:datagrid
id
="dg1"
Runat
="server"
Width
="**%"
AutoGenerateColumns
="False"
DataKeyField
="**"
cssclass
="Guid"
>
< AlternatingItemStyle CssClass ="GuidTD" ></ AlternatingItemStyle >
< ItemStyle CssClass ="GuidTD" ></ ItemStyle >
< HeaderStyle HorizontalAlign ="Center" CssClass ="GuidTH" ></ HeaderStyle >
< AlternatingItemStyle CssClass ="GuidTD" ></ AlternatingItemStyle >
< ItemStyle CssClass ="GuidTD" ></ ItemStyle >
< HeaderStyle HorizontalAlign ="Center" CssClass ="GuidTH" ></ HeaderStyle >
4、现在没时间封装成控件,有兴趣者可以做(不过要做得好一点,同时请保留Htc文件中的信息,呵呵)
5、如果对隔行换色的颜色不满意,在Guidv2.htc文件中修改。