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

前端

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


    }

效果图