jQuery实现带分组数据的Table表头排序实例分析

本文实例讲述了jQuery实现带分组数据的Table表头排序。分享给大家供大家参考，具体如下：

如下图：

要求：点击表头排序时，"分组"及"分组明细"的数据层次关系不变

从网上找了一段常规的table排序，改了改，以满足“分组支持”，贴在这里备份

 
 
  .tbl-list, .tbl-list td, .tbl-list th {
   border: solid 1px #000;
   border-collapse: collapse;
   padding: 10px;
   margin: 15px;
  }
 
 
 
 


 

  

   

    
序号
    
姓名
    
生日
    
年龄
    
工资
   
  
  

   

    
1
    
Group-A
    
01/12/1982
    
25
    
1000.50
   
   

    
2
    
A-01
    
01/09/1982
    
25
    
2000.10
   
   

    
3
    
A-02
    
01/10/1982
    
26
    
2000.20
   
   

    
4
    
Group-B
    
10/14/1999
    
18
    
1000.20
   
   

    
5
    
B-01
    
02/12/1982
    
19
    
3000.20
   
   

    
6
    
B-02
    
03/12/1982
    
20
    
3000.30
   
   

    
7
    
Group-C
    
10/14/1980
    
8
    
1000.30
   
   

    
8
    
C-01
    
03/12/1981
    
17
    
3100.30
   
  
 

希望本文所述对大家jQuery程序设计有所帮助。