jQuery表格仅支持字母排序，无法实现数值排序求助

问题原因 #

你的排序逻辑对所有列都采用字符串比较规则，但年龄列的内容是数值（包含负数、小数），字符串比较和数值比较的逻辑完全不同：

• 字符串比较是逐字符按ASCII码值对比，比如字符串"22"会被认为小于"3.3"（因为第一个字符"2"的ASCII码小于"3"），但数值上22远大于3.3；
• 虽然负数的字符串比较结果和数值一致，但小数、整数混合的场景会出现排序混乱。

修复方案 #

需要区分列的类型，对数值列将文本转换为数值后再进行比较。以下是两种修复方式：

方式1：针对指定列（年龄列）处理

修改排序逻辑，当点击的是第2列（索引为1，从0开始计数）时，将文本转换为浮点数：

rows.sort(function (a, b) {
  var aValue = $(a).find('td').eq(index).text().trim(),
      bValue = $(b).find('td').eq(index).text().trim();

  // 针对年龄列（索引1）转换为数值
  if (index === 1) {
    aValue = parseFloat(aValue);
    bValue = parseFloat(bValue);
  }

  return aValue > bValue ? 1 : aValue < bValue ? -1 : 0;
});

方式2：通用型处理（支持多数值列）

给数值列的表头添加data-type="numeric"属性，让代码自动识别数值列：

<th data-type="numeric">Age</th>

然后修改排序逻辑：

rows.sort(function (a, b) {
  var aValue = $(a).find('td').eq(index).text().trim(),
      bValue = $(b).find('td').eq(index).text().trim();
  
  // 获取当前列的类型，判断是否为数值列
  var columnType = $(this).data('type');
  if (columnType === 'numeric' && !isNaN(parseFloat(aValue)) && isFinite(aValue)) {
    aValue = parseFloat(aValue);
    bValue = parseFloat(bValue);
  }

  return aValue > bValue ? 1 : aValue < bValue ? -1 : 0;
});

关键细节说明 #

• trim()：去除文本前后的空格，避免因空格导致数值转换失败；
• parseFloat()：将文本转换为浮点数，支持整数、小数、负数；
• !isNaN(...) && isFinite(...)：确保文本是有效的数值（避免将类似"12a"的无效字符串误判为数值）。

内容的提问来源于stack exchange，提问作者Asma Binta Younus