【ASP.NET】GridView的美观——设置奇数行与偶数行颜色,及鼠标经过颜色
程序员文章站
2024-03-08 22:44:46
...
前端
添加GridView,绑定数据,方法同此篇博客:https://blog.csdn.net/cxh6863/article/details/80441527
后端
触发GridView的RowDataBound事件
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
//设置第二列的列宽
e.Row.Cells[0].Attributes.Add("style", "width:100px;word-wrap : break-word ;word-break : normal ;");
e.Row.Cells[1].Width = 600;
//设置奇数行和偶数行的颜色
if (e.Row.RowType == DataControlRowType.DataRow)
{
if (e.Row.RowIndex % 2 == 1)
{
//设置偶数行背景颜色
//e.Row.BackColor = System.Drawing.Color.SeaShell;
e.Row.BackColor = System.Drawing.Color.Beige;
}
//鼠标滑过背景颜色
e.Row.Attributes.Add("onMouseOver", "Color=this.style.backgroundColor;this.style.backgroundColor='#FFF000';this.style.cursor='hand'");
e.Row.Attributes.Add("onMouseOut", "this.style.backgroundColor=Color;");
}
}
效果图
上一篇: Java值传递和引用传递详解
下一篇: MyBatis与Hibernate的比较