2016-09-27 46 views
0

我有一個表格顯示靜態數據表並嘗試使用jQuery進行排序。使用jquery排序HTML表格數據的問題

代碼:

jQuery(document).ready(function() { 
jQuery('#sortTable').dataTable({ 
     "order": [[ 2, "asc" ]] 
    }); 
    }); 

HMTL:

<table class="table" id="sortTable" data-page-length="25"> 
<thead> 
     <tr><th><b>name</b></th><th><b>number</b></th><th><b>Date</b></th></tr> 
     </thead> 
    <tr><td>a</td><td>10.1</td> <td>12/31/2015</td></tr> 
    <tr><td>d</td><td>1.1</td> <td>12/1/2015</td></tr> 
    <tr><td>a</td><td>2.3</td> <td>12/2/2015</td></tr> 
    <tr><td>e</td><td>1.7</td> <td>12/3/2015</td></tr> 
    <tr><td>f</td><td>9.1</td> <td>12/31/2016</td></tr> 
</table> 

當我上號點擊進行排序,排序是因爲它是處理數爲String不對,反正是有,我可以解決這個問題...

回答

1

你可以用datetime-moment插件實現這一點。

裝載它的依賴到DOM,下jQuery和數據表,但上面的jQuery(document).ready()塊:

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script> 
<script src="//cdn.datatables.net/plug-ins/1.10.12/sorting/datetime-moment.js"></script> 

負載與正確12/1/2015date format插件初始化dataTable中之前:

jQuery(document).ready(function() { 
    jQuery.fn.dataTable.moment('M/D/YYYY'); // use MM if months have leading 0 
    jQuery('#sortTable').dataTable({ 
     "order": [[ 2, "asc" ]] 
    }); 
}); 
+0

由於對於這一點,但如果我想對數字進行排序,第二列​​10.1 ..我們能做到這一點嗎? –