JS实现表格排序

2023-10-27

今天有点闲,写个小东西,使用JS实现点击表格标题栏实现自动排序功能,嘻嘻...

一、JS代码,文件名为code.js如下:

(function($){
	//插件
	$.extend($,{
		//命名空间
		sortTable:{
			sort:function(tableId,Idx){
				var table = document.getElementById(tableId);
				var tbody = table.tBodies[0];
				var tr = tbody.rows; 
		
				var trValue = new Array();
				for (var i=0; i<tr.length; i++ ) {
					trValue[i] = tr[i];  //将表格中各行的信息存储在新建的数组中
				}
		
				if (tbody.sortCol == Idx) {
					trValue.reverse(); //如果该列已经进行排序过了,则直接对其反序排列
				} else {
					//trValue.sort(compareTrs(Idx));  //进行排序
					trValue.sort(function(tr1, tr2){
						var value1 = tr1.cells[Idx].innerHTML;
						var value2 = tr2.cells[Idx].innerHTML;
						return value1.localeCompare(value2);
					});
				}
		
				var fragment = document.createDocumentFragment();  //新建一个代码片段,用于保存排序后的结果
				for (var i=0; i<trValue.le
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JS实现表格排序 的相关文章

随机推荐

  • 【pytorch】pytorch-yolov3拍照并保存,进行检测后遍历所有图片并显示图片

    参看摄像头参数 v4l2 ctl d dev video0 all 安装numpy sudo apt get install python numpy 下载onnx pip install onnx 效果图 拍照部分 url http 19
  • HashMap实现原理及源码分析

    哈希表 hash table 也叫散列表 是一种非常重要的数据结构 应用场景及其丰富 许多缓存技术 比如memcached 的核心其实就是在内存中维护一张大的哈希表 而HashMap的实现原理也常常出现在各类的面试题中 重要性可见一斑 本文
  • Dubbo实战(三)多注册中心配置

    版权声明 本文为博主原创文章 未经博主允许不得转载 https blog csdn net FX SKY article details 51935533 本文将展示如何在Dubbo中进行多注册中心配置 开发环境 JDK 1 7 Maven
  • 如何实现前后端交互

    大概流程 首先我们要实现前端的页面 我们要有一个页面来让我们肉眼可以看见 JS的语法我们要掌握 1因为我们要通过JS来绑定事件 比如我们点击按钮就能发送数据给服务器 或者从服务器获取资源 2我们通过ajax请求来实现向服务器发送请求 3通过
  • mfc140u.dll丢失怎么解决?,哪种方法更简单?

    如果您在运行 Windows 操作系统时遇到了 mfc140u dll 丢失 或 找不到 mfc140u dll 等错误提示 那么这意味着您的计算机遗失了该文件 mfc140u dll 文件是 Microsoft Visual C 的一部分
  • jmeter如何进行一个简单的测试(超级详细,有图有文字,闭着眼都能成功)

    大家好 我是雄雄 内容先知 前言 软件获取 开始测试 1 新建线程组 2 创建一个请求 3 添加HTTP信息头 4 开始测试 5 查看请求情况 前言 上头问题要服务器的配置 基于我们现在做的项目 需要安排别人去采购服务器 给出的消息是 20
  • pytest.mark.parametrize及mock使用

    目录 pytest mark parametrize mock patch pytest mark parametrize 现在有 zjk py 模块 想测试其中 add 函数的功能 传入 x y 把 x 平方后的结果与 y 相加返回 zj
  • 在线旅游OTA行业调研报告-携程美团同程飞猪booking对比分析

    1 行业现状 根据前瞻研究院数据显示 2019年 我国在线旅游交易规模首次突破万亿规模 达到10866 5亿元 同比增长11 4 随着市场不断扩大 行业竞争也愈发激烈 市场上形成了以携程系 阿里系 美团系三大实力角逐的格局 在线酒店预订市场
  • Root cause: BlockMissingException【查看修复HDFS中丢失的块】ORG.APACHE.HADOOP.HDFS.BLOCKMISSINGEXCEPTION: COULD

    首先得好看有多少损坏的文件 其中需要使用Hadoop的fsck命令 以下是官方解释 用法 hadoop fsck 路径 以上将会展示该路径下所有受损的文件 最后用 delete 可以清除掉所有受损的文件
  • 第二十三课,抗锯齿(Anti Aliasing)

    Anti Aliasing nti eli s 反走样 文章目录 超采样抗锯齿 Super Sample Anti aliasing SSAA 多重采样抗锯齿 Multisample Anti aliasing MSAA GLFW中的MSA
  • 网络编程day1

    https note youdao com s WcWYSExkhttps note youdao com s WcWYSExk请简述字节序的概念 并用共用体 联合体 的方式 判断本机的字节序 字节序是指在计算机中存储多字节数据时 字节的顺
  • long long类型

    long long在win32中是确实存在 长度为8个字节 定义为LONG64 记住它表示的是64位即可 但对于不同的系统 在使用前还是测试一下为好 long long是C 的64位整型的基本类型 现任 长整型 long long占用8个字
  • IO流进阶

    IO流加强 字符流 整体框架 FileReader 文件字符输入流 作用 以内存为基准 可以把文件中的数据以字符的形式读入到内存中去 构造方法 构造器 说明 public FileReader File file 创建字符输入流管道与源文件
  • 【sql】在电商情境下提取数据

    总结了几个使用sql语言对电商业务的问题的提数思路 因为网上公开的数据难以获取 这里是取自公开出版书籍中的随书资源 过程在自己的workbench里进行实操 重在展示解决问题的语句的思路 mysql 5 7 17 1 计算用户的次日 3日
  • error: expected ‘}’ at end of input的一种可能解决方法

    1 排除正常的括号对应 2 直接再函数实现前面加个 看是否会报错 如果不是 则必定是头文件的问题 检查包含头文件 3 如果上一步无错误则检查每个函数具体实现 网上有些方法比较笨 之前跳过第二步直接来第三步 文件几十个函数一个个试 最后发现是
  • DevC++使用技巧

    目录 1 解决无法编译器无法使用C 11的问题 1 解决无法编译器无法使用C 11的问题 打开 工具 gt 编译选项 gt 代码生成 优化 gt 代码生成 gt 语言生成 std 选择ISO C 11版本 点击确定 2 c str 的问题
  • C# 实现电子签名

    本项目基于Emgu CV C 下OpenCv的封装 开发的 编译器最新版Vs2022 编译环境x86 直接看效果图 1 主页面 2 我们先看手写的方式 点击确认就到主界面 如下 点击自动适配 再点击生成 放大看 点击保存即可 生成透明电子签
  • kubernetes-证书过期,重建证书后出现的kubelet证书过期问题

    由于初期 创建证书的期限只有一年 后来经过重建10年的证书期限后 参考 kubernetes 证书过期 重建证书 稳定运行一年后 再次出现证书问题 1 故障的表现 kubectl get node NAME STATUS ROLES AGE
  • MYSQL注入天书之服务器(两层)架构

    Background 6 服务器 两层 架构 首先介绍一下29 30 31这三关的基本情况 服务器端有两个部分 第一部分为tomcat为引擎的jsp型服务器 第二部分为apache为引擎的php服务器 真正提供web服务的是php服务器 工
  • JS实现表格排序

    今天有点闲 写个小东西 使用JS实现点击表格标题栏实现自动排序功能 嘻嘻 一 JS代码 文件名为code js如下 function 插件 extend 命名空间 sortTable sort function tableId Idx va