使用javascript对表格进行排序

// 获取表格元素
var table = document.getElementById("myTable");

// 定义排序函数
function sortTable(columnIndex) {
  var rows = Array.from(table.rows).slice(1); // 获取表格行，并排除表头
  var sortOrder = 1; // 默认升序排序

  // 切换排序顺序
  if (table.rows[0].cells[columnIndex].classList.contains("asc")) {
    table.rows[0].cells[columnIndex].classList.remove("asc");
    table.rows[0].cells[columnIndex].classList.add("desc");
    sortOrder = -1; // 降序排序
  } else {
    table.rows[0].cells[columnIndex].classList.remove("desc");
    table.rows[0].cells[columnIndex].classList.add("asc");
  }

  // 使用Array.sort()方法对表格数据进行排序
  rows.sort(function(a, b) {
    var cellA = a.cells[columnIndex].textContent.trim();
    var cellB = b.cells[columnIndex].textContent.trim();

    if (isNaN(cellA) || isNaN(cellB)) {
      // 字符串排序
      return cellA.localeCompare(cellB) * sortOrder;
    } else {
      // 数字排序
      return (cellA - cellB) * sortOrder;
    }
  });

  // 更新表格内容
  rows.forEach(function(row) {
    table.appendChild(row);
  });
}

// 绑定排序事件
var headers = table.rows[0].cells;
for (var i = 0; i < headers.length; i++) {
  headers[i].addEventListener("click", function() {
    sortTable(this.cellIndex);
  });
}