• 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

  • 相关阅读:
    vue响应式原理之Observer、Dep、Watcher
    vscode 常用插件
    脚手架搭建vue项目
    搭建框架
    select 自匹配问题
    Winform 根据Point截图并保存到指定路径
    C# Screen 类(多屏幕开发)
    C# WindowsService安装与卸载
    WebService WSDL动态访问
    C# 操作ini文件
  • 原文地址:https://www.cnblogs.com/qiny/p/2850635.html
Copyright © 2020-2023  润新知