javascript - 如何在不通过 AJAX 加载数据的情况下使用 JavaScript 对 HTML 表格进行排序?

标签 javascript jquery html sorting html-table

如何在不通过 AJAX 加载数据的情况下使用 javascript 使表格可排序?更具体地说,我正在寻找能够提供以下内容的解决方案:

  • 在普通的旧 HTML 表格上工作
  • 使用自然比较使列可排序
  • 不了解服务器端技术(无论表格是否由 JSP、PHP 等呈现,都应该是可移植的)
  • 最好作为 JQuery 的扩展来实现,我已经在特定项目中使用了它,我想立即将其应用到其中。我愿意接受涉及另一个 javascript 框架(例如 YUI)的建议,但它需要与 JQuery 配合得很好。

我不寻找的是:

  • 需要我通过 AJAX 调用填充数据的解决方案。我想将此应用到一个项目中,该项目有许多普通的旧 HTML 表,用于存储搜索结果之类的内容,我想在不重写任何服务器端代码的情况下快速进行排序。
  • 寻呼。
  • 过滤。
  • 指定任意比较逻辑的能力。

我有意省略了我目前正在从事的特定项目的技术堆栈,但如果人们认为绝对有必要,我会包括它。同样,我对不涉及服务器上任何内容的解决方案最感兴趣。有大量用各种语言编写的项目,在这方面需要一点爱。

关于Stack Overflow上已有的类似问题

我已经四处寻找,我能找到的最接近我的问题是 this one .但是,我的要求有点不同,因此我决定提出一个新问题。

最佳答案

jquery 插件 tablesorter效果很好。

关于javascript - 如何在不通过 AJAX 加载数据的情况下使用 JavaScript 对 HTML 表格进行排序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/948578/

相关文章:

javascript - 在 addeventlistener 回调函数内发出 HTTPS 请求时,Electron 崩溃

javascript - 当某些框(多个 div)变成正确的颜色时,如何触发弹出窗口?

javascript - 如何在动态创建的输入上使用 getElementById?

html - 在表格单元格中查找每张图片的 X 和 Y 坐标

javascript - 不循环获取组中单选按钮的输入值

javascript - y=0 网格线(或轴?)未显示在 chart.js 中

javascript - 如何从 Meteor.js 中的数组获取数组

jquery - 我如何获得具有类的元素的 id

javascript - 如何从本地存储中删除以特定数字结尾的项目?

javascript - 带有 fiddle 的 header 中的 jQuery 移动搜索输入( header 的重叠/覆盖)