大佬教程收集整理的这篇文章主要介绍了jquery – 对字符串的数据表排序为数字,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
$('#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>' ) } ); } ); } });
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>
以上是大佬教程为你收集整理的jquery – 对字符串的数据表排序为数字全部内容,希望文章能够帮你解决jquery – 对字符串的数据表排序为数字所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。