【问题标题】:Sorting table by column按列对表格进行排序
【发布时间】:2016-10-30 22:51:18
【问题描述】:

我正在寻找一种对 HTML 表格进行排序的方法;我以前从来没有这样做过,所以我不知道最好的方法是什么;特别是,我正在寻找一种快速、易于设置和以后管理的东西。有谁知道 jQuery 或 JavaScript 可以这样做吗?

【问题讨论】:

  • 只用 JavaScript 就可以完成:在这件事上,谷歌是你的朋友。或者你可以使用一个库:jQuery 有一些插件可以很好地完成它,而你需要的编码最少。
  • 一种非常漂亮的创建具有排序列功能的 HTML 表格的方法。不仅排序,您还可以使用 HTML 表格执行更多交互操作。只需refer this article 了解更多信息。我想你真的会得到你的答案。

标签: javascript php sorting html-table


【解决方案1】:

使用 JS 的 sort() 不会走得太远。我倾向于使用 jQuery 的 TableSorter 插件,这很容易上手,如果你已经加载了 jQuery,那就更容易了。

它可以自动选择如何对某些数据(字符串、整数等)进行排序,但对于更复杂的数据(例如格式异常的日期),您可能需要编写一些额外的代码来帮助它。更多信息请访问:http://tablesorter.com/docs/

我认为也可以很好地设置已排序表格的样式 - tablesorter.com 上的表格相当单调......

祝你好运!

【讨论】:

    【解决方案2】:

    除了 jquery - javascript 可以被任何智能网络用户禁用,您可以通过自定义 SQL 字符串来完成它,这些 SQL 字符串由调用排序操作的标题中的链接调用。单击排序标题时,页面将通过特定调用重定向到自身,以调用具有不同 order by ... 语法的自定义 SQL 查询。
    这是一个<noscript> 替代方案,我建议在实现有用且丰富的 jquery 替代方案后牢记这一点。这样,您的大多数用户都会对 jquery UX 感到满意,但偶尔关注的用户脚本也可以享受排序功能。请记住,这种方法比 jquery 对服务器的成本更高,所以我的建议是同时使用这两种方法。

    【讨论】:

      猜你喜欢
      • 2020-01-15
      • 1970-01-01
      • 2021-02-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-03-05
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多