问题的的tablesorter和jQuery的排序价格与欧元符号

Question

我的问题涉及到jQuery插件的tablesorter：

我已经与价格列的排序问题，格式类似：135.35€，149.99€1500 €等

排序只适用于数字，但是当我添加欧元符号，排序不能正常工作。

我有用于第三列这ASC顺序（见下面的代码）：

1）1435€

2）190€

3）834€

，你可以看到有什么问题。有人可以告诉我，我应该在这里做什么？

非常感谢你，

弗朗索瓦

的JS：

<script type="text/javascript" id="js"> 
    $(document).ready(function() { 
    $("table").tablesorter({ 
    }); 
}); 
</script> 

的HTML（需要进行排序第3列）

<table class="tablesorter" cellspacing="0" cellpadding="0" border="0">    
<thead> 
<tr> 
<th width="50px">1</th> 
<th width="120px">2</th> 
<th width="280px" >3</th> 
</tr> 
</thead> 
<tbody> 

<tr>  
<td>bla bla bla</td> 
<td>bla bla bla</td> 
<td>834 €</td> 
</tr> 


<tr>  
<td>bla bla bla</td> 
<td>bla bla bla</td> 
<td>1435 €</td> 
</tr> 


<tr>  
<td>bla bla bla</td> 
<td>bla bla bla</td> 
<td>190 €</td> 
</tr> 

    </tbody> 
</table> 

Answer 1

它的eems问题是数字被解释为文本，而不是数字。 （由于文本123和1234都在2之前，因为1在2之前。）这可能是因为您在排序的表达式中有€符号。

尝试剥离€，排序，然后再添加€。 （或者，添加一个单独的列，你不允许排序上€，因此，在分类列中的数据是纯粹的数字）。

简易版：

<tr> 
    <td>bla bla</td> 
    <td>bla bla</td> 
    <td>bla bla</td> 
    <td>123</td> 
    <td>&euro;</td> 
</tr> 

注意我使用的是€而不是€，只是为了确保浏览器能正确呈现它。

Answer 2

问题是，使用欧元符号，它将数据视为字符串而不是数字。所以排序是按字符串而不是数字来完成的。

我的解决方案是从数据中删除欧元符号;然后将一个css类添加到具有数字值的单元格中，该单元格后面会显示欧元符号。

td.currency:after 
{ 
    content: " €"; 
} 

Answer 3

问题是价格列不被识别为数字列，并按字符串值排序。您可以强制分拣机类型为数字（请参阅http://tablesorter.com/docs/example-meta-parsers.html中的示例）

Answer 4

欧元符号不是使整个值成为字符串的数字。字符串被命令为“111,22,3”，而不是与“Numbers”一样的“3,22,111”。

更好地将欧元符号放在单独的“货币”列中，例如，

<td>1234</td> 
<td>€</td> 

必要时，可以添加colspan="2"到相关<th>表头。

Answer 5

更好的选择是在排序前使用tablesorter中的自定义处理程序删除欧元符号。这个方法处理我能看到的HTML代码和非HTML代码。

它在页面

$("#tableSorterTable").tablesorter({ 
    // Define a custom function to ignore the euro 
    textExtraction: function(node) { 
     return node.innerHTML.replace(\'\u20AC\', ""); 
    } 
}); 

Answer 6

有底部的准备函数来完成是updated version支持本地化。