分类导航

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 对字符串的数据表排序为数字，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有数据表,我想排序为数字它包含值像第1,第2 ….,这是我的代码,当我排序它排序值,如第1,第10,第2所以如何正确排序？

$('#example').DataTable( {
   //      "columnDefs": [
   //   { "visible": false,"targets": 4 }
   // ],"aaSorTing": [[1,'asc']],"columnDefs": [ {
    "targets": [2,5,6],"orderable": false
  },{
    "targets": 0,{ "width": "5%","targets": 0 },{ "width": "8%","targets": 1 }],initComplete: function () {

    this.api().columns().every( function () {
      var column = this;
      var SELEct = $('<SELEct><option value=""></option></SELEct>')
      .appendTo( $(column.footer()).empty() )
      .on( 'change',function () {
        var val = $.fn.dataTable.util.escapeRegex(
         $(this).val()
         );

        column
        .search( val ? '^'+val+'$' : '',true,false )
        .draw();
      } );

      column.data().unique().sort().each( function ( d,j ) {
        SELEct.append( '<option value="'+d+'">'+d+'</option>' )
      } );
    } );
  }
});

@H_419_14@解决方法

我知道这样做的最简单方法是使用 Formatted Numbers插件

这是一个例子：

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;
    }
} );

$('#tbl_jaar').dataTable( {
     columnDefs: [
       { type: 'formatted-num',targets: 0 }
     ]
  } );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<link href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css" rel="stylesheet"/>
<table id="tbl_jaar">
  <thead>
    <tr>
      <th>Places</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1st</td>
    </tr>
    <tr>
      <td>2nd</td>
    </tr>    
    <tr>
      <td>3rd</td>     
    </tr>   
    <tr>
      <td>4th</td>
    </tr>
    <tr>
      <td>5th</td>
    </tr>
    <tr>
      <td>6th</td>
    </tr>
    <tr>
      <td>7th</td>
    </tr>
    <tr>
      <td>8th</td>
    </tr>
    <tr>
      <td>9th</td>
    </tr>
    <tr>
      <td>10th</td>
    </tr>
  </tbody>
</table>