2015年8月24日星期一

介绍一个基于jquery的table排序插件

介绍一个基于jquery的table排序插件
觉得挺好用介绍给大家
用法很简单
1、引入js
  1. <script type="text/javascript" src="${resourceUrl}/js/jquery.tablesorter.min.js"></script>
2、table必须是这种格式的,标题用<thead>包裹,内容用<tbody>包裹
  1. <table id="mytable">
  2. <thead>
  3. <tr>
  4. <th></th>
  5. <th></th>
  6. ..............
  7. </tr>
  8. </thead>
  9. <tbody>
  10. <tr>
  11. <td></td>
  12. <td></td>
  13. ..............
  14. </tr>
  15. </tbody>
  16. </table>
3、在ready中调用
  1. $(function () {
  2. $("#myTable").tablesorter();
  3. });
4、可以定义不参加排序的列
  1. //第一列不排序
  2. $.tablesorter.defaults.headers = {0: {sorter: false}};
5、可以设置默认排序,可以设置组合排序
  1. //默认第一列 和第二列排序
  2. //设置shift+alt键,选择组合排序
  3. $("#myTable").tablesorter( {sortList: [[1,0]]} ,{sortForce:[[0,0]]},{sortMultiSortKey: 'altKey'});

没有评论:

发表评论