`
mugicoffee
  • 浏览: 37432 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

对表格内容进行排序的javascript小程序

阅读更多

之前一直在考虑queue的单一message的删除问题,发现根据“first come first out”的机制,删除操作结束后,queue里的消息排列顺序已经被打乱了。本想利用servlet来解决排序问题,但发现只能以单一的升降顺序排列,而且代码和服务器端资源也开销不少(迷:根本就是你懒得写)。后来突然想到,这种排序问题好像可以用javascript解决,完全可以把部分计算转移到client端,无需再占用server端的资源。

再次请教万能的GG大神~找到如下两个程序

程序一:  sorttable: Make all your tables sortable

链接:http://www.kryogenix.org/code/browser/sorttable/

 

程序二: Standardista Table Sorting (A client-side JavaScript Table Sort module)

链接: http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting

 

用法都一样,先在自己的html网页的部分指定需要插入的javascript library,指定格式为:

<script type='text/javascript' src='sorttable.js'><!---->script>

接着在需要进行排序的table里设置class

table class="sortable" 

具体设置过程和适用的浏览器见链接网页。 
分享到:
评论

相关推荐

    js排序表格,实现按列排序

    在网页开发中,数据展示通常会使用到表格(Table)元素,而为了提供更好的用户体验,对表格数据进行排序是一项常用的功能。"js排序表格,实现按列排序"这个主题主要涉及JavaScript(js)如何用于实现对HTML表格的...

    Javascript表格排序大全

    JavaScript是一种轻量级的脚本语言,广泛应用于网页和应用程序,其中表格排序是常见的一种功能需求,用于帮助用户以特定顺序查看和分析数据。 在JavaScript中实现表格排序,通常涉及到以下几个核心知识点: 1. DOM...

    js实现表格中列的排序

    本示例基于《JavaScript高级程序设计》一书中的相关内容,将表格列的排序功能进行了封装,便于复用和维护。以下是实现这个功能的关键知识点。 1. **HTML表格结构**: 在HTML中,`&lt;table&gt;`元素用于创建表格,`...

    jQuery仿Excel表格列表排序代码

    **jQuery仿Excel表格列表排序代码**是一种在网页中实现类似Excel表格功能的技术,它允许用户对数据进行排序、检索和筛选,提供了丰富的交互体验。在Web开发中,jQuery库因其简洁的API和强大的功能而被广泛应用,对于...

    JS:表格排序

    标题“JS:表格排序”指的是使用JavaScript实现对HTML表格数据的动态排序功能。在网页开发中,表格是一种常见的数据展示方式,而用户有时需要按照不同的列进行升序或降序排序,以方便查看和分析数据。JavaScript作为...

    JavaScript实现表格点击排序的方法

    在JavaScript中实现表格点击排序是常见的前端开发技巧,尤其在数据展示和管理的...通过结合HTML、CSS和JavaScript,我们可以创建出动态且用户友好的表格排序功能,这对于任何涉及数据展示的Web应用程序都是至关重要的。

    jq-表格排序插件

    本项目名为"jq-表格排序插件",正如其标题所示,是一个专为表格数据排序设计的轻量级插件。这个插件只关注核心功能——表格排序,避免了额外的复杂性,确保了高效且简洁的实现。 首先,我们需要理解jQuery是如何与...

    JS简单实现表格排序功能示例

    根据给定文件信息,本文将详细介绍如何使用JavaScript实现表格排序功能。这个功能通常包括对页面中表格元素的遍历、元素内容的读取、排序算法的应用以及元素的重新插入等操作。以下是实现该功能所需的知识点。 1. ...

    利用列标题对列表视图进行数据排序

    列表视图能够有效地组织和展示信息,而利用列标题对列表视图进行数据排序是提高用户体验和数据操作效率的重要手段。这个功能允许用户根据列中的值来动态调整数据的顺序,从而快速查找和分析信息。 一、列表视图概述...

    S2使用JavaScript增强交互效果 上机练习 操纵表格order.html

    这通常涉及对数组的排序算法,如快速排序、冒泡排序等,然后更新表格内容。 5. **动态添加/删除行**:利用JavaScript,可以实现动态添加新的行到表格,或者根据用户需求删除现有行。`insertRow()`和`deleteRow()`是...

    微信小程序实现简单表格

    首先,微信小程序(WeChat Mini Program)是腾讯公司推出的一个用于开发移动端轻应用的框架,它允许开发者通过JavaScript、WXML(微信小程序标记语言)和WXSS(微信小程序样式语言)来构建功能丰富的应用界面。...

    程序天下:JavaScript实例自学手册

    9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态创建固定列数的表格 9.20 动态...

    微信小程序实现简易table表格

    在微信小程序中,由于没有内置的`&lt;table&gt;`标签来创建表格,开发者通常需要借助其他方式来模拟表格的展示。本教程将介绍如何利用微信小程序的`&lt;view&gt;`标签结合CSS Flex布局来实现一个简易的表格。 首先,我们需要...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态创建固定列数的表格 9.20 动态...

    微信小程序 - 元旦邀请函

    开发者需要理解小程序的项目结构,如pages目录下的各页面文件、app.js、app.json、app.wxss等核心文件的作用,以便对项目进行修改和扩展。 总的来说,微信小程序开发涉及前端UI设计、交互逻辑实现、数据管理等多个...

    js上下点击排序

    在JavaScript编程中,"js上下点击排序"通常指的是通过用户界面中的上下按钮或者单击事件对数据进行排序的功能。这种功能常见于各种列表或表格应用,例如在线购物平台的商品列表、论坛的帖子列表等。用户可以通过点击...

    Ext分页排序 Ext分页排序

    ExtJS 是一个强大的JavaScript 库,用于构建交互式的Web应用程序,尤其在数据网格、表格和分页处理方面表现卓越。在ExtJS中,分页排序是实现大规模数据展示的重要功能,它允许用户在大量数据中高效地浏览和管理信息...

    微信小程序危险品车辆运输管理系统源代码

    微信小程序危险品车辆运输管理系统源代码是一个专门针对危险品运输行业的解决方案,利用微信小程序平台进行高效管理和监控。这个系统集成了多种关键功能,旨在提升运输安全性和效率。 首先,echarts数据分析是系统...

    一个电子表格程序,它能从脚本中处理数据(17KB)

    它可能支持自定义脚本,比如使用JavaScript、Python或其他常见的脚本语言,来自动化计算、过滤、排序等任务。 描述中的内容与标题相呼应,进一步强调了这个程序能够通过脚本来处理数据。这暗示了该程序具有一定的可...

    JavaScript_js特效

    JavaScript是一种广泛应用于网页和应用程序的脚本语言,尤其在创建交互性和动态效果方面表现出色。在给定的"JavaScript_js特效"主题中,我们可以深入探讨多个JavaScript特效的实现及其技术要点。 1. **表格特效**:...

Global site tag (gtag.js) - Google Analytics