css页面斑马线,tablesorter排序

  $("table").each(function () { $(this).find("tr:even").not("tr:first").css('background', '#eaeaea'); });

可以用来设置页面隔行换色,但是如果页面数据很大时,会将所有结果显示出来后再修改页面各行的颜色,这样效果不好,但是如何使用tablesorter之后,可以排序,但是原先隔行换色就会被打乱掉,页面会不好看,怎么办呢?试了很多种方法都不行,最后在别人帮助下完成了。

可以再页面设一个变量@count,即页面的行数,添加一行@count就加1,@count奇数时是一种css,偶数时又是另一种css。

最后在 <script type="text/javascript" src="~/Scripts/jquery.tablesorter.min.js"></script>  
   <script type="text/javascript" src="~/Scripts/jquery.tablesorter.widgets.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {    
            $("#myTable").tablesorter({
                widgets: ["zebra"], 

                widgetOptions: { zebra: ["odd", "even"] }
            });
        });
    </script>

要导入两个包:jquery.tablesorter.min.js和jquery.tablesorter.widgets.js

 

posted @ 2013-01-08 10:28  qiny  阅读(704)  评论(0编辑  收藏  举报