如何使用千位分隔符对数字进行排序
Posted
技术标签:
【中文标题】如何使用千位分隔符对数字进行排序【英文标题】:How to sort a number with thousands separator 【发布时间】:2015-09-27 02:54:38 【问题描述】:我尝试使用 jQuery Datatables plug-in 对数字进行排序,但不适用于 C# 字符串数字格式。
我试过了:
decimal value= 12345678.00
value..ToString("#,##.00");
value.ToString("##,##.##");
value.ToString("0,0.00", CultureInfo.InvariantCulture)
但由于逗号而没有运气。如果没有逗号可以正常工作,或者所有具有相同计数的数字也可以工作,即
01,121,372.01
02,002,009.22
11,222,222,33
如果是下面的,那么它不工作
1,111,111.11
222,191.00
32,222.00
【问题讨论】:
然后试着把字符串变成数字。 C# 对字符串中的数字进行排序没有任何特殊规则,它只是根据字母数字字符对其进行排序。获得准确排序的唯一方法是将其作为数字真正存储在数据表中,然后对其进行排序并在排序后显示字符串值。 是 JQuery 数据表吗? 是的,它是 JQuery 数据表 【参考方案1】:我这样做是为了克服这个问题。
"aoColumnDefs": [
"aTargets": [3,4,6],
"fnCreatedCell": function (nTd, sData, oData, iRow, iCol)
var $currencyCell = $(nTd);
var commaValue = $currencyCell.text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
$currencyCell.text(commaValue);
]
【讨论】:
【参考方案2】:适用于 DataTables 1.10
DataTables 1.10+ 内置格式化数字检测和排序功能,无需额外编码。
您也可以将columns.type 设置为num-fmt
以强制使用特定的数据类型。
请参阅下面的示例进行演示。
$(document).ready(function()
$('#example').dataTable();
);
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
</head>
<body>
<table id="example" class="display" cellspacing="0" >
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>111,111.11</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>222,191.00</td>
</tr>
<tr>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>66</td>
<td>2009/01/12</td>
<td>32,222.00</td>
</tr>
</tbody>
</table>
</body>
</html>
适用于 DataTables 1.9
对于较旧的 DataTables 1.9,您可以使用Formatted numbers 排序插件。
您只需要包含这个 JS 文件://cdn.datatables.net/plug-ins/1.10.7/sorting/formatted-numbers.js 并使用下面的代码将数据类型设置为格式化数字。
$('#example').dataTable(
columnDefs: [
type: 'formatted-num', targets: 0
]
);
【讨论】:
@Juan,我相信有一个困惑。问题是关于 jQuery DataTables 插件,如 cmets 中的 OP 所述,而不是 .NET 类DataTable
。虽然格式化问题也可以在服务器端用 C# 解决,但也有缺点,因为数字仍然需要在客户端格式化。以上是关于如何使用千位分隔符对数字进行排序的主要内容,如果未能解决你的问题,请参考以下文章