码迷,mamicode.com
首页 > 其他好文 > 详细

grid style

时间:2016-02-01 17:42:29      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
<style type="text/css">
    .g_grid tr{
        border-left:none;
        border-right:none; 
        border-top:none;
        border-bottom:1px solid #cccccc
     }
    .g_grid .grid_header{
        border-left:none;
        border-right:none; 
        border-top:none;
        border-bottom:1px solid #808080
    }
    .row-highlight {
        background-color:#f7ebac;
    }
    .row-even {
        background-color:#eeeeee;
        
    }
    .row-odd {
        background-color:#ffffff;
    }
</style>
View Code

 

技术分享
<script type="text/javascript">
    $(function() {
        $(".g_grid").find("tr:even").addClass("row-even");
        $(".g_grid").find("tr:odd").addClass("row-odd");
        $(".g_grid").find("tr").bind("click", function () {
            var ckb = $(this).find("input[type=‘checkbox‘][id*=‘ckbSelect‘]");
            if (ckb.is(":checked")) {
                ckb.attr(checked, false);
                $(this).removeClass("row-highlight");
            } else {
                ckb.attr(checked, true);
                $(this).addClass("row-highlight");
            }
        });
    });
</script>
View Code

 

grid style

标签:

原文地址:http://www.cnblogs.com/rebecca-ty/p/5175293.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!