DataTables对字符串进行排序而不是数字

我正在使用jquery.datatables在数据表列中显示数字。数字被格式化为在数千个单位之间具有空格（如123 456 789）。不幸的是，这个数字格式提供了字符串排序，而不是号码排序（请参见本问题末尾的屏幕截图）。DataTables对字符串进行排序而不是数字

我已经确定了：

function _fnSort(oSettings, bApplyClasses) {是排序的核心功能。
在该功能中，使用动态功能排序的方法（所述一个执行如果if (!window.runtime) {为true）

的字符串排序功能使用的是以下两个功能。

/* 
* text sorting 
*/ 
"string-asc": function(a, b) { 
    var x = a.toLowerCase(); 
    var y = b.toLowerCase(); 
    return ((x < y) ? -1 : ((x > y) ? 1 : 0)); 
}, 

"string-desc": function(a, b) { 
    var x = a.toLowerCase(); 
    var y = b.toLowerCase(); 
    return ((x < y) ? 1 : ((x > y) ? -1 : 0)); 
},

我在JavaScript知识是非常不好的，你会在这里是最好的方法？

扭捏串排序功能检测数十万格式化情况，并做比较（我想这将是对大数据集很慢）。
提供专用于数字千位格式的数字排序功能？在这种情况下，
- 你会如何编码？
- 我怎么能指出核心排序功能，使用这个特殊的数字排序功能？

以下是排序的样子现在：

enter image description here

来源

2012-07-05 Patrick from NDepend team

要解决这一种价值观，就可以使用这种功能：

var sortFunction=function(a, b){ 
    var ia = parseInt(a.split(' ').join(''), 10); 
    var ib = parseInt(b.split(' ').join(''), 10); 
    return ia-ib; 
};

测试：

var data = ['3 333', '100 333', '22 000', '1 333']; 
console.log(data.sort(sortFunction));

使用合理数量的值，这将足够快。如果您未检测到性能问题，则不应尝试丰富数据。

编辑：

事实上，the documentation提出适当的（类似）的排序功能：

jQuery.extend(jQuery.fn.dataTableExt.oSort, { 
    "formatted_numbers-pre": function (a) { 
     a = (a==="-") ? 0 : a.replace(/[^\d\-\.]/g, ""); 
     return parseFloat(a); 
    }, 

    "formatted_numbers-asc": function (a, b) { 
     return a - b; 
    }, 

    "formatted_numbers-desc": function (a, b) { 
     return b - a; 
    } 
});

已经添加了此扩展后，你只需要设置你列的sType。

来源

2012-07-05 09:28:04

太棒了！但是，我怎么能强制_fnSort（）使用这个排序功能的相关列？ – 2012-07-05 09:33:03

请参阅编辑（链接到文档）。 – 2012-07-05 09:38:47

DataTables的作者在这里 - 很好的答案 - 投票。我建议标记为正确/接受:-)。只有错字是sType为大写'T'：http://datatables.net/ref#sType。还值得指出的是，还有很多其他排序插件（一些与类型检测对应） - http://datatables.net/plug-ins/sorting – 2012-07-05 10:00:53

好吧，经过大量的搜索，我找到了一个替代解决方案。提出的解决方案和Allan Jardine肯定是比较干净的。但它意味着触摸HTML并触及HTML挑衅的棘手消息框，如下所示。

enter image description here

所以我的解决办法是刚刚接触JavaScript字符串排序算法中，对数字和文本的情况下之间进行切换。我希望它可以通过使用像isDigit(sa.charAt[0])这样的更清洁，但它只是不工作，尽管我所有的尝试。至少这个解决方案的工作，并不意味着任何性能显着降低：

/* 
    * text + integer sorting 
    */ 
    "string-asc": function(a, b) { 
     var sa = a.toString(); 
     if(sa.length > 0) { 
      // Don't know why, isDigit(sa.charAt[0]) doesn't work?? 
      var ca = sa.substring(0,1); 
      if(ca === "0" || ca === "1" || ca === "2" || ca === "3" || ca === "4" || ca === "5" || ca === "6" || ca === "7" || ca === "8" || ca === "9") { 
      var x1 = parseInt(a.split(' ').join(''), 10); 
      var y1 = parseInt(b.split(' ').join(''), 10); 
      return x1 - y1; 
      } 
     } 
     var x = a.toLowerCase(); 
     var y = b.toLowerCase(); 
     return ((x < y) ? -1 : ((x > y) ? 1 : 0)); 
    }, 

    "string-desc": function(a, b) { 
     var sa = a.toString(); 
     if(sa.length > 0) { 
      var ca = sa.substring(0,1); 
      if(ca === "0" || ca === "1" || ca === "2" || ca === "3" || ca === "4" || ca === "5" || ca === "6" || ca === "7" || ca === "8" || ca === "9") { 
       var x1 = parseInt(a.split(' ').join(''), 10); 
       var y1 = parseInt(b.split(' ').join(''), 10); 
       return y1 - x1; 
      } 
     } 
     var x = a.toLowerCase(); 
     var y = b.toLowerCase(); 
     return ((x < y) ? 1 : ((x > y) ? -1 : 0)); 
    },

来源

2012-07-06 09:37:01

对任何人的号码之间读这篇文章，希望完整的答案空间：

jQuery.extend(jQuery.fn.dataTableExt.oSort, { 
     "formatted_numbers-pre": function (a) { 
     a = (a===" ") ? 0 : a.replace(/[^\d\-\.]/g, ""); 
     return parseFloat(a); 
     }, 

     "formatted_numbers-asc": function (a, b) { 
     return a - b; 
     }, 

     "formatted_numbers-desc": function (a, b) { 
     return b - a; 
     } 
    }); 

    $('.myTable').DataTable({ 
     "columnDefs": [ 
     { "type": "formatted_numbers", "targets": 4 } 
     ], 
    }); 
    }

来源

2015-12-16 20:03:05 Stephen

只需设置小数点时建立数据表是这样的：

var main_table = $('#main_list').DataTable({ 
    ajax: { 
     url: "/api/your/data", 
     dataSrc: '' 
    }, 
    columns: [ 
     { data: "Col1" }, 
     { data: "Col2" }, 
     { data: "Col3" }, 
     { data: "Col4" } 
    ], 
    language: { 
     /* -----> */ "decimal": ",", // <--------- 
     "emptyTable": "Keine Daten in der Tabelle verfügbar", 
     "info": "Anzeigen von _START_ bis _END_ von _TOTAL_ Einträgen", 
     "infoEmpty": "Anzeigen von 0 bis 0 von 0 Einträgen", 
     "infoFiltered": "(filtriert von_MAX_ Gesamteinträge)", 
     "infoPostFix": "", 
     /* -----> */ "thousands": ".", // <--------- 
     "lengthMenu": "_MENU_ Einträge anzeigen", 
     "loadingRecords": "Laden...", 
     "processing": "Verarbeitung...", 
     "search": "Suche:", 
     "zeroRecords": "Keine passenden Datensätze gefunden", 
     "paginate": { 
      "first": "Erste", 
      "last": "Letzte", 
      "next": "Nächste", 
      "previous": "Vorherige" 
     }, 
     "aria": { 
      "sortAscending": ": aufsteigend sortieren", 
      "sortDescending": ": absteigend sortieren" 
     } 
    }, 
    columnDefs: [ 
     {//set german formatting 

      render: function (data, type, row) { 
       return formatDE(data,2); 
      }, 
      targets: [2, 4, 5] 
     }, 
     { 

      render: function (data, type, row) { 
       return formatDE(data,0); 
      }, 
      targets: [3] 
     } 
    ], 
    pageLength: 50});

如果你挖多进jquery.dataTables.js，你会发现他们有它决定每列的类型的函数价值和捕获的格式

来源

2016-12-08 10:37:26 user3306726

DataTables对字符串进行排序而不是数字

回答

相关问题