欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【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;");
        }


    }

效果图

【ASP.NET】GridView的美观——设置奇数行与偶数行颜色,及鼠标经过颜色