GridView固定行宽,自动换行,鼠标放在Table的Tr上变色

//固定行宽table-layout:fixed;
//自动换行word-break :break-all;word-wrap:break-word
GridView.Attributes.Add("style", "table-layout:fixed;word-break :break-all;word-wrap:break-word");

 

鼠标放在Table的Tr上变色

 先在<asp:GridView ID="GridView1"  OnMouseoverChangeColor="true">

$(function () {
    //只要表格定义属性OnMouseoverChangeColor='true'就加事件鼠标放表格上变色

    //相隔二行间背景颜色不同
    //$("table[OnMouseoverChangeColor='true'] tr:even").css("background-color", "#FFFFFF");

    $("table[OnMouseoverChangeColor='true'] tr").each(function () {
        if ($(this).index() > 0) {
            var bgcolor = $(this).css("background-color");
            $(this).mouseover(function () {
                $(this).css("background-color", "#F2F2F2");
            });
            $(this).mouseout(function () {
                $(this).css("background-color", bgcolor);
            });
        }
    });
});

 

 

GridView隐藏列的值让js可以取到

先定义一个样式:

<style type="text/css">
   .hidden { display:none;}
</style>

aspx页里这样定义:

<asp:BoundField HeaderStyle-CssClass="hidden" ItemStyle-CssClass="hidden" FooterStyle-CssClass="hidden" DataField="FiledName" DataFormatString="{0:yyyy-MM-dd}" HeaderText="列标题" />