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

 

转载于:https://www.cnblogs.com/qiny/archive/2013/01/08/2850635.html