不再为DataGrid生成的表格的单无格中的内容过长、自动折行、表格撑开等问题而烦恼----一个很久以前的做品
是我以前用在一个项目中的,如有些地方不适用于你,你可以修改部分代码。
功能: 按列分色;
过长内容自动隐藏;
鼠标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文件中修改。