找回密碼
 立即註冊
搜索
熱搜: 活動 交友 discuz
查看: 799|回復: 0

[排序]格式化數值

[複製鏈接]

257

主題

38

回帖

1138

積分

管理員

積分
1138
發表於 2023-5-25 10:57:14 | 顯示全部樓層 |閱讀模式

Formatted numbers

Sort numbers which are displayed with thousand separators

  • Author: Allan Jardine
  • Deprecated: This plug-in has been deprecated and replaced with other functionality. Please see the detailed description below for more information.

This plug-in will provide numeric sorting for numeric columns which have extra formatting, such as thousands separators, currency symbols or any other non-numeric data.

By default when a cell is found to have no numeric data its value is sorted numerically as if its value were 0. This could also be altered to be Inifnity or -Infinity as required.

DataTables 1.10+ has formatted number detection and sorting abilities built- in. As such this plug-in is marked as deprecated, but might be useful when working with old versions of DataTables.

Plug-in code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
jQuery.extend( jQuery.fn.dataTableExt.oSort, {
    "formatted-num-pre"function ( a ) {
        a = (a === "-" || a === "") ? 0 : a.replace( /[^\d\-\.]/g, "" );
        return parseFloat( a );
    },
 
    "formatted-num-asc"function ( a, b ) {
        return a - b;
    },
 
    "formatted-num-desc"function ( a, b ) {
        return b - a;
    }
} );

CDN

This plug-in is available on the DataTables CDN:

JS

Note that if you are using multiple plug-ins, it is beneficial in terms of performance to combine the plug-ins into a single file and host it on your own server, rather than making multiple requests to the DataTables CDN.

Version control

If you have any ideas for how this plug-in can be improved, or spot anything that is in error, it is available on GitHub and pull requests are very welcome!

Example

1
2
3
4
5
$('#example').dataTable( {
     columnDefs: [
       { type: 'formatted-num', targets: 0 }
     ]
  } );

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

Archiver|手機版|小黑屋|DoIT 科技論壇

GMT+8, 2025-6-16 04:36 , Processed in 0.024070 second(s), 19 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回復 返回頂部 返回列表