如何使用千位分隔符对数字进行排序

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# 解决,但也有缺点,因为数字仍然需要在客户端格式化。

以上是关于如何使用千位分隔符对数字进行排序的主要内容,如果未能解决你的问题,请参考以下文章

如何显示或隐藏数字中的千位分隔符

如何使用逗号将数字转换为千位分隔符? [复制]

如何在 Dart 中将数字格式化为千位分隔符

ExtJs 数字字段使用千位分隔符

JS从入门到放弃,千位分隔符

当某些数字包含逗号作为千位分隔符时如何读取数据?