相关疑难解决方法(0)

我有一个非常简单的HTML表,有4列:

Facility Name, Phone #, City, Specialty

我希望用户能够按设施名称和仅城市进行排序.

我如何使用jQuery编写代码？

我最近在W3Schools的 html标签中看到了两个我不太了解的属性.第一个是<table sortable="sortable">属性,第二个是<th sorted="sorted">属性.

根据W3Schools,sortable属性描述是:

指定表应该是可排序的

该sorted属性的描述是:

定义列的排序方向

sorted属性接受的值是:

反转
数字
反转
数字反转

我试着在这里关注如何使用这些属性的W3C文档,但它对我不起作用.

我会非常感谢你的回答.谢谢.

有没有办法将 pandas 数据框导出到 HTML 文件中，并合并一些额外的代码，使输出可按列排序？

我一直在使用 Dash DataTable 为用户提供对结果进行排序的选项，但我想知道是否有另一种方法不需要运行服务器，用户只需加载 HTML 页面并对结果进行排序。

到目前为止，我已经能够基于这篇 SO post进行半交互式绘图，但我想在 HTML 中添加可排序的表格，在网上搜索后，我不清楚最好的方法是什么（仍然是一个新手） HTML)

我知道这个网站是一个很棒的资源，它提供了通过我自己编码排序和元素交换来对 HTML 表进行排序的方法。我用它，效果很好。我的目标是不添加包含的库，但想象可能更好的方法如下：

其中 tr = document.getElementById("table1").rows，
元素以 tr[index].cells[0].textContent 形式访问

所以这个 tr 看起来就像是一个行数组。

然而

tr = document.getElementById("table1").rows;  
tr.sort(function(a, b) {            
  return b.cells[0].textContent - a.cells[0].textContent;    //order high to low   
})

失败，因为它说 tr.sort 不是一个函数。table.rows 似乎被定义为一个对象而不是一个数组。不知道有什么不同，但 rows 的外观和行为就像一个数组。

是否有一些解决方法可以允许此数组方法与 Javascript 排序一起使用？

回复评论中的问题：

表很复杂，因为每个行项实际上是两个相邻的行。另外，一些 TD 是空白的，除非进行处理，否则会导致数字 NaN 错误。我只对 2 行的第一行进行排序，但移动两行。但我确实有其他可以排序的简单普通表。17 列，一行看起来像

<tr><td><a href="https://www.morningstar.com/funds/xnas/vfiax/performance">VFIAX</a>
><td>5.47<td>-36.97<td>26.62<td>15.05<td>2.08<td>15.96<td>32.33<td>13.64<td>1.36<td>11.93<td>21.79<td>-4.43<td>31.46<td>18.37
><td>13.34<td><b>S&P 500 Index</b><td>
<tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td>

我当前的代码是

function sortTable(tr, sort_col) {                              
  var len, i, x, y, a, b;   
  len = tr.length - 2;   
  i = 1;   
  while (i < len) {   
    for …