<!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=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="css/blue/style.css" />
<script language="javascript" src="js/jquery-latest.js"></script>
<script language="javascript" src="js/jquery.tablesorter.js"></script>
<script type="text/javascript" id="js">
$(document).ready(function() {
// 调用 tablesorter 插件
$("table").tablesorter({
// 对第一列和第三列排序, order asc
sortList: [[0,0],[2,0]]
});
});
</script>
</head>
<body>
<div id="ytcms">
<table cellspacing="1" class="tablesorter">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
<th>Total</th>
<th>Discount</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>Peter</td>
<td>Parker</td>
<td>28</td>
<td>$9.99</td>
<td>20%</td>
<td>Jul 6, 2006 8:14 AM</td>
</tr>
<tr>
<td>John</td>
<td>Hood</td>
<td>33</td>
<td>$19.99</td>
<td>25%</td>
<td>Dec 10, 2002 5:14 AM</td>
</tr>
<tr>
<td>Clark</td>
<td>Kent</td>
<td>18</td>
<td>$15.89</td>
<td>44%</td>
<td>Jan 12, 2003 11:14 AM</td>
</tr>
<tr>
<td>Bruce</td>
<td>Almighty</td>
<td>45</td>
<td>$153.19</td>
<td>44%</td>
<td>Jan 18, 2001 9:12 AM</td>
</tr>
<tr>
<td>Bruce</td>
<td>Evans</td>
<td>22</td>
<td>$13.19</td>
<td>11%</td>
<td>Jan 18, 2007 9:12 AM</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
//附件中付有css样式和js代码
分享到：
相关推荐
### jQuery 实现表格排序 #### 知识点一：jQuery表格排序插件介绍 在Web开发中，数据展示经常需要通过表格的形式呈现给用户，并且为了方便用户查找所需信息，通常会提供排序功能。传统的表格排序往往需要后端的...
本资源“jQuery Table表格排序显示代码.zip”聚焦于利用jQuery实现动态表格排序的功能，这对于数据展示和用户交互至关重要。下面将详细阐述相关知识点。 1. **jQuery基础**：首先，理解jQuery的基础是至关重要的。...
标题中的“jQuery的表格排序插件”指的是使用JavaScript库jQuery实现的一种功能，允许用户在HTML表格中对数据进行动态排序。这种插件通常通过监听表格的头部点击事件，实现列数据的升序或降序排列，提升用户体验。...
"jquery表格排序"是一个基于jQuery实现的功能，允许用户通过点击表头对表格数据进行升序或降序排序，极大地提高了用户体验。这个功能在数据分析、报告展示等场景下尤为实用。 首先，我们要了解jQuery的基本概念。...
### Jquery表格排序插件详解：tableSort #### 插件概述 Jquery表格排序插件，名为tableSort，由作者wjy开发于2010年12月，主要功能是提供对HTML表格数据的排序操作，支持快速排序及复杂排序算法。此插件通过Jquery...
本教程将深入探讨如何使用jQuery实现表格数据的排序功能，特别关注对中文内容的支持。 ### 1. jQuery简介 jQuery是由John Resig创建的一个轻量级的JavaScript库，它的目标是“Write Less, Do More”。jQuery通过...
此类插件通常用于增强网页中的数据表，允许用户根据表头点击来动态排序表格中的数据。这在展示大量结构化信息时非常有用，例如数据库查询结果或统计报告。常见的功能包括升序和降序排序，以及对不同类型的列（如数字...
**jQuery 简单表格排序** 在Web开发中，数据展示是常见的需求，尤其是在处理大量结构化信息时，表格（Table）是首选的布局方式。然而，为了提高用户体验，我们通常需要实现表格数据的动态排序功能。jQuery是一个轻...
标题中的“JQuery插件实现表格排序”是指在网页中使用jQuery这个JavaScript库来开发一个功能，使得HTML表格的数据能够根据用户的选择进行升序或降序排列。这通常用于提高用户体验，让用户能快速查找和理解大量信息。...
**jQuery仿Excel表格列表排序代码**是一种在网页中实现类似Excel表格功能的技术，它允许用户对数据进行排序、检索和筛选，提供了丰富的交互体验。在Web开发中，jQuery库因其简洁的API和强大的功能而被广泛应用，对于...
当涉及到数据展示，特别是表格数据时，jQuery提供了一些工具来帮助开发者实现交互式和动态的表格排序功能。本篇文章将深入探讨jQuery表格排序的相关知识点。 一、基本概念 1. jQuery：jQuery是一个轻量级的...
而“使用jQuery UI实现表格排序功能”是网页交互设计中的常见需求，尤其对于数据展示丰富的网页，如报表、数据分析页面等。jQuery UI 的 tablesorter 插件可以方便地实现这一功能，让表格数据可以根据用户的需求进行...
在这个“jquery表格排序和筛选表.rar”压缩包中，我们重点关注的是如何利用jQuery来实现表格数据的排序和筛选功能，这对于前端开发来说是十分常见的需求。 首先，让我们了解表格排序。在网页中，表格（`<table>`...
"jquery可编辑表格插件"就是基于jQuery的一种工具，旨在为网页中的表格提供动态编辑功能，使得用户可以直接在表格中进行数据的增删改查，极大地提升了交互性和用户体验。这种插件在数据展示和管理场景中尤其实用，...
本篇文章将深入探讨“jQuery表格排序插件”的使用和原理。 首先，jQuery表格排序插件如“jquery.table.sort.js”旨在为HTML表格添加排序功能，使用户可以点击表头来按升序或降序排列相应列的数据。这种功能对于数据...
"jquery.tablesorter.js"是这个插件的主要实现文件，它扩展了jQuery的功能，提供了表格数据的自动排序功能。用户只需将此插件应用到表格上，即可实现表格列的点击排序。"jquery.tablesorter.min.js"是其压缩和优化...
当我们需要在网页中实现表格数据的排序功能时，jQuery提供了一种简单易用的方法。本篇文章将深入探讨如何使用jQuery实现表格排序，以及与之相关的知识点。 首先，我们看到的`TableOrder('ordert',3,0,1)`函数是用于...
《jQuery仿Excel表格排序筛选代码实现详解》 在网页开发中，模拟Excel表格的功能，如排序和筛选，能够极大地提高用户交互体验。本篇文章将详细解析"jQuery仿Excel表格排序筛选代码"，帮助开发者理解其背后的实现...