简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
Home > Web Front-end > JS Tutorial > body text

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

WBOY
Release： 2016-05-16 15:30:12
Original
1320 people have browsed it

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

如下图：

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

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




 
 
 
 table sort
 


 

  
   

    序号
    姓名
    生日
    年龄
    工资
   

  
  
   

    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
Copy after login

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

Related labels：
jquery
source：php.cn
Previous article：jquery中checkbox使用方法简单实例演示_jquery Next article：Bootstrap每天必学之按钮（一）_javascript技巧
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Steps to install jQuery in Nuxt.js Although I try to add jQuery in my project, I get an error saying it's not defined. plugin...
From 2023-11-06 16:41:50
0
1
225
jQuery getting wrong value when getting data attribute I have a div with data attribute <divclass='p1'data-location='1'></div> I have...
From 2023-11-01 23:01:19
0
1
209
Support jQuery's Transfer-Encoding:chunked I'm a web developer. In my script I use header() to set "Transfer-Encoding:chunked&qu...
From 2023-10-25 23:44:37
0
1
230
How to get the natural dimensions of an image using JavaScript or jQuery? So far I have this code: varimg=document.getElementById('draggable'); varwidth=img.clientW...
From 2023-10-21 13:53:08
0
2
275
Automatically expand text area I'm trying to make a simple auto-expanding text area. This is my code: textarea.onkeyup=fu...
From 2023-10-21 08:49:23
0
2
225
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！