zoukankan      html  css  js  c++  java
  • 表格排序(tablesorter)

    1.在html页面的head中引用 <script src="/static/Bootstrap/js/jquery/jquery.tablesorter.min.js"></script>
    2.在.js文件中加载tablesorter:
    $("table tbody").append(html);
    $("table").trigger("update"); table是js自动生成的,需要在生成时添加这句
    3.对需要排序的表格调用tablesorter()方法:
    $('#tresult').tablesorter({
    usNumberFormat : false,
    sortReset : true,
    sortRestart : true
    }
    );

    $("#mytable").tablesorter({ //mytable是报表table的id
    1: {sorter:"integer"}, //表格的第二列按照integer数据类型进行排序
    2: {sorter:"integer"},
    3: {sorter:"double"},
    sortList: [[1,1],[2,0],[3,1]] //初始化表格时第二列按照降序排序,第三列按照升序排列,第四列按照降序排列
    });

    #不对某些列排序
    $(function(){
    $('table').tablesorter({
    headers : {
    // zero-based column index
    0 : { sorter: false },
    1 : { sorter: false },
    2 : { sorter: false },
    3 : { sorter: false },
    4 : { sorter: false },
    5 : { sorter: false }
    }
    });
    });

  • 相关阅读:
    (转)重识new
    【洛谷习题】连续自然数和
    【AHOI2005】约数研究
    【NOIP2003】麦森数
    康托展开
    【洛谷习题】南蛮图腾
    【洛谷习题】吃奶酪
    【NOIP2002】字串变换
    哈希表
    【NOIP2013】货车运输
  • 原文地址:https://www.cnblogs.com/dreamer-fish/p/5600424.html
Copyright © 2011-2022 走看看