【问题标题】:Sort HTML Table with Javascript but not sortable by end user使用 Javascript 对 HTML 表进行排序,但最终用户无法排序
【发布时间】:2015-06-21 23:24:32
【问题描述】:

我正在寻找一种简单的 Javascript 解决方案,通过单列的数值降序排列 HTML 表格,换句话说,就是排名。我发现的大多数解决方案都比我需要的更复杂,并且在单击时使表头对列进行排序。

我只是想在后端对表格进行排名,因此用户看到的是顶部“点”最多的表格行,并且无法自行重新组织表格。我将手动更改 html 正文中的“点”值。

【问题讨论】:

  • 为什么不能先在后端对记录进行排序再显示?
  • 嗨迈克尔,欢迎来到 Stack Overflow。不幸的是,这样的问题很可能会被关闭,因为软件和库推荐在这里是题外话。问题应集中在您使用特定技术遇到的特定问题或问题上。更好的问题可能是“我无法使用 <SomeJavascriptLibrary> 锁定网格。这是我的代码,我做错了什么?”
  • 选择一个带有表格的维基百科页面,例如:en.wikipedia.org/wiki/List_of_cities_in_Oklahoma 并从中复制代码(HTML、CSS 和 Javascript)。那些孩子做得很好!
  • 通常您会在数据库查询或服务器代码中对表进行排序。
  • 感谢您的建议。这个问题有点不成熟,我会在何时/是否有问题时更具体地问。

标签: javascript html sorting html-table ranking


【解决方案1】:

我为此使用了 tablesorter.js: http://tablesorter.com/docs/

实现相当简单:

jQuery(document).ready(function() { 
    jQuery("#myTable").tablesorter({headers: {  1: {sorter: false} }}); 
}); 

阅读有关如何排序的文档:

  $(document).ready(function() 
    { 
        $("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} ); 
    } 
); 

【讨论】:

    猜你喜欢
    • 2016-11-30
    • 2012-12-25
    • 1970-01-01
    • 1970-01-01
    • 2020-08-20
    • 1970-01-01
    相关资源
    最近更新 更多