使用jquery的tablesorter不排序数字正确

前端之家收集整理的这篇文章主要介绍了使用jquery的tablesorter不排序数字正确前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
尝试几天(2即是)使用Jquery获取数据表以正确排序数字。
我正在使用两个脚本的最后一个版本。

表格呈现正常,但数字排序错误
如果排序,它会得到以下结果:

8
7
4
32
31
3
等等..
你会期望的:
32
31
8
显示等等。

我读了一些关于添加额外的JavaScript代码但没有(给我的理解(不是很多到javascript))的一些注释)可以找到javascript的例子。

我现在使用的脚本是基本的,看起来像这样

$(document).ready(function()
    {
      $("#table1")
       .tablesorter(
          {
            sortList: [[0,0]],widthFixed: true,widgets: ['zebra']
          } )
    }
);

希望能为我解决这个问题的一个很好的例子。

/ Fons

根据请求表的HTML结果

<table id="table1" class=tablesorter>
<thead>
  <tr>
    <th width=65>Name</th>
    <th width=40>Count</th>
  </tr>
  </thead>
<tbody>
<tr><td>Name_1</td><td>32</td></tr>
<tr><td>Name_2</td><td>12</td></tr>
<tr><td>Name_3</td><td>11</td></tr>
<tr><td>name_4</td><td>14</td></tr>
<tr><td>Name_5</td><td>7</td></tr>
<tr><td>Name_6</td><td>3</td></tr>
<tr><td>Name_7</td><td>32</td></tr>
<tr><td>Name_8</td><td>31</td></tr>
<tr><td>Name_9</td><td>35</td></tr>
</tbody>
</table>
</body>
</html>

我唯一改变的结果是名字。
/ Fons

解决方法

<th width=110 class=\"{sorter: 'digit'}\">Count</th>

解决了这个问题。
告诉javascript处理该值作为一个数字使排序工作正确。
仍然有点愚蠢的数字值没有在脚本中作为数字检查。但是我想这最终有更高的目的。

感谢所有的时间和帮助

/ Fons

原文链接:https://www.f2er.com/jquery/183604.html

猜你在找的jQuery相关文章