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

网络编程 2024/11/20 佚名

3 2 1

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

如下图：

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <style type="text/css">
  .tbl-list, .tbl-list td, .tbl-list th {
   border: solid 1px #000;
   border-collapse: collapse;
   padding: 10px;
   margin: 15px;
  }
 </style>
 <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">

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

jQuery,分组数据,Table表头排序,jQuery排序